/* Tobira landing v3: warm light design tokens (single theme). Inter only, no monospace. */
:root {
  --page: #FFFFFF;          /* G7: pure white page */
  --sheet: #FFFFFF;         /* cards, panels */
  --soft: #F8F1E8;          /* secondary warm surface */
  --soft-2: #FFF7EE;        /* lighter warm surface */
  --ink: #1B1713;           /* main text, primary buttons */
  --ink-2: #4B443D;         /* secondary text */
  --muted: #8B8279;         /* captions */
  --faint: #B9AFA4;         /* footnotes, disabled */
  --line: #EEE5DA;          /* hairlines */
  --line-2: #E4D8CA;

  /* brand accents v3 (Vlad 01.10): calm pastel, no aggressive orange. Old names kept so sections keep working. */
  --brand-1: #F2B48C;       /* peach */
  --brand-2: #E39A86;       /* soft coral (icons, focus, thin lines) */
  --brand-3: #D99BBF;       /* dusty pink */
  --brand-grad: linear-gradient(135deg, #FFD9C2 0%, #FFD1E4 50%, #E3D9FF 100%); /* pastel accent gradient */
  --signal: #E39A86;                      /* live agent activity */
  --signal-soft: rgba(227, 154, 134, .16);

  /* pastel squares (hero V4 cards): use as backgrounds for small tiles instead of icons */
  --pastel-peach: linear-gradient(135deg, #FFE1CC 0%, #FFC9B5 100%);
  --pastel-pink:  linear-gradient(135deg, #FFE0EC 0%, #F9C6DC 100%);
  --pastel-lilac: linear-gradient(135deg, #ECE6FF 0%, #D6CCFA 100%);
  --pastel-mint:  linear-gradient(135deg, #DDF5EA 0%, #BFE8D6 100%);
  --pastel-sky:   linear-gradient(135deg, #E1EEFF 0%, #C8DCF8 100%);

  /* calm checks and outlines (tables, lists, pricing) */
  --check-ink: #1B1713;
  --check-bg: #FFFFFF;
  --check-line: #E4D8CA;
  --accent-line: #E8DCCF;   /* highlighted column / card outline, quiet */

  /* G7: the only section backgrounds besides the white page */
  --bg-beige: #F7F1E9;      /* light beige plate */
  --bg-dark: #15120F;       /* dark plate, white text (final + at most one more) */
  /* legacy v3 group plates now map to beige (no green / blue-grey / lilac section backgrounds) */
  --grp-widget: var(--bg-beige); --grp-ai: var(--bg-beige); --grp-howto: var(--bg-beige); --grp-trust: var(--bg-beige); --grp-network: var(--bg-beige);

  /* status tags */
  --tag-ai-bg: #1B1713;  --tag-ai-ink: #FFFFFF;        /* "Booked by ChatGPT" etc: black pill + AI logo */
  --tag-ok-bg: #E8F4EC;  --tag-ok-ink: #2E6B48;        /* booked / paid */
  --tag-warm-bg: #FCEFE6; --tag-warm-ink: #8E5235;     /* lead / trial */
  --tag-grey-bg: #F1ECE6; --tag-grey-ink: #6E655C;     /* declined / neutral */

  /* warm soft-wash (like ample-v6 hero). Decorative background only. */
  --wash:
    radial-gradient(55% 60% at 10% 16%, rgba(255, 222, 196, .8) 0%, rgba(255, 222, 196, 0) 62%),
    radial-gradient(45% 55% at 90% 10%, rgba(255, 214, 230, .75) 0%, rgba(255, 214, 230, 0) 60%),
    radial-gradient(45% 50% at 70% 70%, rgba(226, 218, 255, .55) 0%, rgba(226, 218, 255, 0) 62%),
    radial-gradient(40% 45% at 28% 78%, rgba(255, 228, 210, .6) 0%, rgba(255, 228, 210, 0) 60%),
    #FCF8F3;
  --wash-soft:
    radial-gradient(50% 60% at 15% 25%, rgba(255, 220, 192, .45) 0%, rgba(255, 220, 192, 0) 65%),
    radial-gradient(45% 55% at 85% 20%, rgba(255, 210, 228, .4) 0%, rgba(255, 210, 228, 0) 62%),
    radial-gradient(50% 55% at 55% 95%, rgba(228, 220, 255, .4) 0%, rgba(228, 220, 255, 0) 65%),
    #FDFAF6;
  --fade-h: 200px;          /* G2: height of the soft fade at the bottom of the hero wash */

  --cta-bg: #1B1713;
  --cta-ink: #FFFFFF;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* G11: heading font + weight come from the prototype font switcher (js/shell.js sets these on <html>) */
  --h-font: "Inter Tight", var(--font);
  --h-weight: 500;
  --h-track: -0.022em;
  --h3-font: var(--h-font);
  --h3-weight: 550;

  --r-sheet: 28px;
  --r-card: 18px;
  --r-sm: 12px;
  --r-pill: 999px;
  --shadow-card: 0 1px 2px rgba(27, 23, 19, .05), 0 14px 34px -14px rgba(60, 30, 10, .18);
  --shadow-float: 0 34px 80px -30px rgba(80, 36, 10, .32), 0 2px 8px rgba(27, 23, 19, .06);

  --ease: cubic-bezier(.2, .7, .2, 1);
  color-scheme: light;
}