/* ==========================================================================
   THE ESTIMATION COMPANY (TEC) — DESIGN TOKENS
   Specification: UIUX_SYSTEM_v2.md & DEVELOPMENT_RULES.md
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Core Palette */
  --tec-cream: #F7F5EF;
  --tec-cream-light: #FAF9F5;
  --tec-white: #FFFFFF;
  --tec-graphite: #11181C;
  --tec-graphite-surface: #171F24;
  --tec-dark: #1C252A;
  --tec-dark-elevated: #222C32;
  
  /* Brand Gold */
  --tec-gold: #C9A04A;
  --tec-gold-light: #E6CC8A;
  --tec-gold-dark: #A78132;
  --tec-gold-glow: rgba(201, 160, 74, 0.22);
  --tec-gold-subtle: rgba(201, 160, 74, 0.08);

  /* Neutrals & Borders */
  --tec-neutral: #ECEAE3;
  --tec-neutral-subtle: #F3F1EB;
  --tec-border: #E2DFD7;
  --tec-border-light: rgba(226, 223, 215, 0.6);
  --tec-border-dark: rgba(255, 255, 255, 0.1);
  --tec-border-gold: rgba(201, 160, 74, 0.35);

  /* Typography Colors */
  --tec-text: #12181B;
  --tec-text-secondary: #596166;
  --tec-text-muted: #7C8387;
  --tec-text-inverse: #FFFFFF;
  --tec-text-inverse-muted: #9BA4A9;

  /* Typography System */
  --tec-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tec-font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* Typography Scale */
  --tec-text-xs: 0.75rem;     /* 12px */
  --tec-text-sm: 0.875rem;    /* 14px */
  --tec-text-base: 1rem;      /* 16px */
  --tec-text-md: 1.125rem;    /* 18px */
  --tec-text-lg: 1.25rem;     /* 20px */
  --tec-text-xl: 1.5rem;      /* 24px */
  --tec-text-2xl: 1.875rem;   /* 30px */
  --tec-text-3xl: 2.25rem;    /* 36px */
  --tec-text-4xl: 3rem;       /* 48px */
  --tec-text-5xl: 3.75rem;    /* 60px */
  --tec-text-hero: 4.25rem;   /* 68px */

  /* Line Heights */
  --tec-leading-tight: 1.15;
  --tec-leading-snug: 1.3;
  --tec-leading-normal: 1.6;
  --tec-leading-relaxed: 1.75;

  /* Border Radii */
  --tec-radius-xs: 4px;
  --tec-radius-sm: 8px;
  --tec-radius-md: 14px;
  --tec-radius-lg: 20px;
  --tec-radius-xl: 28px;
  --tec-radius-full: 9999px;

  /* Shadows */
  --tec-shadow-xs: 0 1px 2px rgba(18, 24, 27, 0.04);
  --tec-shadow-sm: 0 2px 8px rgba(18, 24, 27, 0.06);
  --tec-shadow-md: 0 8px 24px rgba(18, 24, 27, 0.08);
  --tec-shadow-lg: 0 16px 40px rgba(18, 24, 27, 0.12);
  --tec-shadow-dark: 0 16px 48px rgba(0, 0, 0, 0.35);
  --tec-shadow-gold: 0 8px 30px rgba(201, 160, 74, 0.2);

  /* Transitions */
  --tec-transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --tec-transition-normal: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --tec-transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --tec-container-max: 1280px;
  --tec-container-wide: 1380px;
}