/* =========================================
   TAIYARI24 ENTERPRISE — DESIGN TOKENS
   Single source of truth for the design system
   ========================================= */

:root {
  /* ---- Colors ---- */
  --ink:          #0A0A0F;
  --ink-80:       rgba(10, 10, 15, 0.80);
  --ink-40:       rgba(10, 10, 15, 0.40);
  --ink-10:       rgba(10, 10, 15, 0.06);

  --paper:        #FAFAF8;
  --paper-dark:   #F2F2EF;

  --accent:       #1A6BFF;
  --accent-hover: #0F56E0;
  --accent-light: rgba(26, 107, 255, 0.08);
  --accent-mid:   rgba(26, 107, 255, 0.15);

  --talent:       #FF6B35;
  --talent-light: rgba(255, 107, 53, 0.08);
  --talent-mid:   rgba(255, 107, 53, 0.15);

  --mid:          #6B7280;
  --mid-light:    #9CA3AF;

  --border:       #E5E5E0;
  --border-dark:  rgba(255, 255, 255, 0.08);

  --surface:      #F4F4F2;
  --surface-dark: rgba(255, 255, 255, 0.04);

  --white:        #FFFFFF;
  --black:        #000000;

  /* ---- Typography ---- */
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-serif:   'Instrument Serif', Georgia, serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  /* Type Scale — Major Third (1.25) */
  --text-xs:      0.75rem;    /* 12px */
  --text-sm:      0.875rem;   /* 14px */
  --text-base:    1rem;       /* 16px */
  --text-lg:      1.125rem;   /* 18px */
  --text-xl:      1.25rem;    /* 20px */
  --text-2xl:     1.5rem;     /* 24px */
  --text-3xl:     1.875rem;   /* 30px */
  --text-4xl:     2.25rem;    /* 36px */
  --text-5xl:     3rem;       /* 48px */
  --text-6xl:     3.75rem;    /* 60px */
  --text-7xl:     4.5rem;     /* 72px */
  --text-8xl:     6rem;       /* 96px */

  /* Font Weights */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:    700;

  /* Line Heights */
  --leading-none:   1;
  --leading-tight:  1.15;
  --leading-snug:   1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --leading-loose:  1.8;

  /* Letter Spacing */
  --tracking-tighter: -0.04em;
  --tracking-tight:   -0.02em;
  --tracking-normal:  0em;
  --tracking-wide:    0.05em;
  --tracking-wider:   0.08em;
  --tracking-widest:  0.12em;

  /* ---- Spacing ---- */
  --space-1:   0.25rem;   /* 4px */
  --space-2:   0.5rem;    /* 8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */
  --space-24:  6rem;      /* 96px */
  --space-32:  8rem;      /* 128px */
  --space-40:  10rem;     /* 160px */

  /* ---- Layout ---- */
  --container-sm:   640px;
  --container-md:   768px;
  --container-lg:   1024px;
  --container-xl:   1280px;
  --container-2xl:  1440px;
  --container-max:  1600px;

  --nav-height:     72px;
  --section-pad:    var(--space-24);

  /* ---- Borders ---- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* ---- Shadows ---- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.05);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.08);
  --shadow-xl:  0 16px 48px rgba(0,0,0,0.10);
  --shadow-accent: 0 8px 32px rgba(26, 107, 255, 0.20);

  /* ---- Transitions ---- */
  --ease-default:  cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-premium:  cubic-bezier(0.16, 1, 0.3, 1);

  --dur-fast:      150ms;
  --dur-base:      250ms;
  --dur-slow:      400ms;
  --dur-slower:    600ms;
  --dur-slowest:   900ms;

  /* ---- Z-index ---- */
  --z-below:    -1;
  --z-base:      0;
  --z-raised:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    500;
}