:root {
  --c-primary:        var(--primary);
  --c-primary-dark:   var(--primary-dark);
  --c-primary-light:  var(--primary-bg);
  --c-white:          var(--white);
  --c-dark:           var(--dark);
  --c-light:          var(--gray-100);
  --c-gray:           var(--gray-600);

  --c-text:           #334155;
  --c-gray-light:     #e2e8f0;
  --c-accent:         #f0c040;
  --c-accent-dark:    #d9a520;
  --c-success:        #059669;
  --c-teal:           #0d9488;
  --c-orange:         #f97316;

  --c-danger:          #dc2626;
  --c-danger-dark:     #b91c1c;
  --c-danger-light:    #fca5a5;
  --c-danger-border:   #f87171;
  --c-danger-cerceve:  #fecaca;
  --c-danger-bg:       #fef2f2;
  --c-danger-bg-koyu:  #3f1d1d;
  --c-danger-metin:    #991b1b;
  --c-success-bg:      #ecfdf5;
  --c-success-cerceve: #a7f3d0;
  --c-success-metin:   #065f46;

  --fw-normal:     400;
  --fw-medium:     500;
  --fw-semibold:   600;
  --fw-bold:       700;
  --fw-extrabold:  800;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);

  --header-h: 74px;
}