/* Viaggi Scraper design tokens, AvventureBot identity.
   Shared by base.html and login.html (and by chat/widget.css through the same variables). */

:root, :root[data-theme="light"] {
  --surface-1: #f3f8f0;        /* page: AvB index.html body background */
  --surface-card: #ffffff;     /* cards, nav, inputs: AvB .card / --avb-bg */
  --surface-2: #eef3ef;        /* table header band, toggle track: AvB --avb-bubble-bot */
  --surface-hover: #f6faf4;    /* row hover, form footer band: AvB .feat background */
  --surface-3: #f7f9f6;        /* widget message area: AvB .avb-messages background */
  --ink-1: #2f3132;            /* AvB body color / --avb-text */
  --ink-2: #555555;            /* AvB p.lead */
  --ink-3: #6b6f72;            /* AvB --avb-muted */
  --rule: #e6efe1;             /* hairlines: AvB .card border */
  --field-border: #7f8e80;     /* derived: AvB #d8e0d2 is 1.35:1, this is 3.45:1 on white */
  --accent: #038849;           /* AvB --avb-green: fills only (buttons, pill, bar, dot) */
  --accent-hover: #027a41;     /* derived, darker step of #038849 */
  --accent-ink: #027a41;       /* green text on any light surface (>= 4.84:1, lowest on surface-2) */
  --accent-bg: #e9f5ee;        /* in-formation row tint, success flash */
  --signal: #038849;           /* in-formation left bar */
  --on-accent: #ffffff;
  --focus: #038849;
  --warn: #b3441a;             /* derived from AvB badge #ff6b35, darkened to 5.59:1 */
  --warn-bg: #fdf0ea;
  --shadow-card: 0 10px 30px rgba(4, 136, 74, 0.10);   /* AvB .card */
  --shadow-pop: 0 12px 38px rgba(3, 136, 73, 0.22);    /* AvB --avb-shadow */
  --ring: 0 0 0 3px rgba(3, 136, 73, 0.22);
  --r-card: 16px;              /* AvB .card */
  --r-box: 12px;               /* AvB .feat */
  --r-field: 11px;             /* AvB .avb-input */
  --r-pill: 999px;             /* AvB .pill / .avb-chip */
  --font-sans: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  color-scheme: light;
}

/* Dark theme derived from AvB's own dark surface: the code block (pre: #0f2417 / #c9f5b8). */
:root[data-theme="dark"] {
  --surface-1: #0a1a10;
  --surface-card: #0f2417;     /* AvB pre background */
  --surface-2: #14301f;
  --surface-hover: #122a1b;
  --surface-3: #0c1f13;
  --ink-1: #e6f2e2;
  --ink-2: #b5c7b1;
  --ink-3: #8ea88c;
  --rule: #1f3a28;
  --field-border: #5d7a64;
  --accent: #038849;
  --accent-hover: #027a41;
  --accent-ink: #7bd89f;       /* between AvB #038849 and the pre text #c9f5b8 */
  --accent-bg: #123a22;
  --signal: #3fbf78;
  --on-accent: #ffffff;
  --focus: #7bd89f;
  --warn: #ff8a5c;
  --warn-bg: #2a1a12;
  --shadow-card: none;
  --shadow-pop: 0 12px 38px rgba(0, 0, 0, 0.45);
  --ring: 0 0 0 3px rgba(123, 216, 159, 0.30);
  color-scheme: dark;
}
