/* ServiceBen: tokens de design. Atributos no <html>: data-palette (a|b) e
   data-mode (light|dark, ja resolvido por theme.js). Sem atributos, vale A claro. */
:root {
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 18px; --radius-xl: 24px;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Sora', var(--font);
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;
}

:root, :root[data-palette="a"][data-mode="light"] {
  color-scheme: light;
  --t-bg: #F6F4EF; --t-surface: #FFFFFF; --t-inset: #F6F4EF;
  --t-ink: #0F1B2D; --t-muted: #5C6678; --t-faint: #6B7385;
  --t-line: #E3E5EA; --t-line-soft: #EEF0F3;
  --t-brand: #12B886; --t-on-brand: #04211A; --t-brand-strong: #0B8F67; --t-brand-text: #0A7654;
  --t-brand-wash: #DDF6EC; --t-brand-line: #BFE9D8; --t-accent: #FFB48A;
  --t-danger: #C93A3F; --t-danger-soft: #FBE9EA; --t-warning: #8A5A00; --t-warning-soft: #FFF3D6;
  --t-hero: #0F1B2D; --t-on-hero: #F6F4EF;
}

:root[data-palette="a"][data-mode="dark"] {
  color-scheme: dark;
  --t-bg: #0A1220; --t-surface: #111C2E; --t-inset: #0D1626;
  --t-ink: #F3F5F8; --t-muted: #93A0B5; --t-faint: #7F8CA3;
  --t-line: #1F2C42; --t-line-soft: #172236;
  --t-brand: #22D3A0; --t-on-brand: #04211A; --t-brand-strong: #12B886; --t-brand-text: #22D3A0;
  --t-brand-wash: #12332F; --t-brand-line: #1B4A43; --t-accent: #FFB48A;
  --t-danger: #FF7A7F; --t-danger-soft: #2C1416; --t-warning: #E8B04A; --t-warning-soft: #2A2110;
  --t-hero: #16243A; --t-on-hero: #F3F5F8;
}

:root[data-palette="b"][data-mode="light"] {
  color-scheme: light;
  --t-bg: #F3F7F3; --t-surface: #FFFFFF; --t-inset: #F3F7F3;
  --t-ink: #0B1F19; --t-muted: #55665F; --t-faint: #65766F;
  --t-line: #DCE6DF; --t-line-soft: #E8EFEA;
  --t-brand: #00A86B; --t-on-brand: #032015; --t-brand-strong: #007A4D; --t-brand-text: #00794D;
  --t-brand-wash: #D9F5E6; --t-brand-line: #B4E6CB; --t-accent: #C6F432;
  --t-danger: #C93A3F; --t-danger-soft: #FBE9EA; --t-warning: #8A5A00; --t-warning-soft: #FFF3D6;
  --t-hero: #0B2B22; --t-on-hero: #F3F7F3;
}

:root[data-palette="b"][data-mode="dark"] {
  color-scheme: dark;
  --t-bg: #07130F; --t-surface: #0E201A; --t-inset: #0A1914;
  --t-ink: #EEF6F1; --t-muted: #8AA398; --t-faint: #7A9187;
  --t-line: #1A322A; --t-line-soft: #132A22;
  --t-brand: #3DFFA0; --t-on-brand: #032015; --t-brand-strong: #00C77A; --t-brand-text: #3DFFA0;
  --t-brand-wash: #123528; --t-brand-line: #1C5A41; --t-accent: #D6FF5C;
  --t-danger: #FF7A7F; --t-danger-soft: #2C1416; --t-warning: #E8B04A; --t-warning-soft: #2A2110;
  --t-hero: #0F2B22; --t-on-hero: #EEF6F1;
}