/* ============================================================
   LINGOCARE DESIGN TOKENS
   Source: Phase 30 computed CSS from legacy runtime (verified)
   ============================================================ */
:root {
  /* ── Brand ────────────────────────────────────────────────── */
  --lc-brand-primary:   #ED7D00;   /* CTA buttons, nav active, TELC badge */
  --lc-brand-dark:      #5F3200;   /* Button hover, dark contrast */
  --lc-brand-orange2:   #F77C1E;   /* Secondary orange accent */
  --lc-brand-amber:     #FBA22D;   /* Warm amber */
  --lc-brand-coral:     #FF6140;   /* Error / emphasis */
  --lc-brand-warm:      #FBE5CC;   /* Warm peach (TELC hero bg tint, chatbot) */

  /* ── Text (5 levels — all computed from runtime) ──────────── */
  --lc-text-dark:   #282725;  /* rgb(40,39,37)   Primary headings */
  --lc-text-base:   #333333;  /* rgb(51,51,51)   Body / standard headings */
  --lc-text-mid:    #4C4B49;  /* rgb(76,75,73)   Descriptions, card text */
  --lc-text-muted:  #706F6E;  /* rgb(112,111,110) Eyebrows, subtitles */
  --lc-text-orange: #ED7D00;  /* Accent span color (DM Sans italic) */
  --lc-text-inverse:#FFFFFF;  /* White on dark/orange */

  /* ── Surfaces ─────────────────────────────────────────────── */
  --lc-surface:       #FFFFFF;
  --lc-surface-gray:  #F5F5F5;  /* Footer bg, feature sections */
  --lc-surface-warm:  #FBE5CC;  /* Warm peach sections */
  --lc-surface-cool:  #DEF8FB;  /* Cool blue sections */
  --lc-surface-telc-hero: #F8CB9905; /* TELC hero warm tint (2% opacity) */

  /* ── TELC slot states ─────────────────────────────────────── */
  --lc-telc-available-bg:   #E5F7EA;
  --lc-telc-available-text: #249B4A;
  --lc-telc-fast-bg:        #FDEEDD;
  --lc-telc-fast-text:      #DB8A2C;
  --lc-telc-full-bg:        #FCE8E8;
  --lc-telc-full-text:      #E15252;
  --lc-telc-selected-bg:    #f58200;
  --lc-telc-selected-text:  #FFFFFF;

  /* ── Checkout / pricing ───────────────────────────────────── */
  --lc-price-sale:       #f58200;
  --lc-savings-bg:       #dcfce7;
  --lc-savings-text:     #16a34a;
  --lc-payment-border:   #e5e5e5;
  --lc-payment-hover:    #f07800;
  --lc-payment-hover-bg: #fff8f2;
  --lc-payment-sel-bg:   #fff4ea;

  /* ── Fonts ────────────────────────────────────────────────── */
  --lc-font:        'Sora', sans-serif;        /* ALL text */
  --lc-font-accent: 'DM Sans', sans-serif;     /* Italic accent spans only */

  /* ── Layout ───────────────────────────────────────────────── */
  --lc-container:       1440px;  /* Max content width */
  --lc-header-height:   81px;    /* Verified from runtime */
  --lc-header-z:        99999;
  --lc-break-mobile:    768px;
  --lc-break-tablet:    1025px;
  --lc-break-xs:        360px;

  /* ── Button ───────────────────────────────────────────────── */
  --lc-btn-bg:      #ED7D00;
  --lc-btn-radius:  300px;        /* Pill shape */
  --lc-btn-padding: 15px 30px;    /* Verified computed */
  --lc-btn-font:    500 18px var(--lc-font);

  /* ── Cards (TELC calendar) ────────────────────────────────── */
  --lc-card-radius:  20px;
  --lc-card-padding: 28px 32px;
  --lc-card-border:  1px solid #ECECEC;

  /* ── Focus / accessibility ────────────────────────────────── */
  --lc-focus: 3px solid #ED7D00;

  /* ── Z-layers ─────────────────────────────────────────────── */
  --lc-z-header: 99999;
  --lc-z-modal:  100000;
}