/*
 * Thought Leadership Studio theme.
 *
 * These aliases are sourced from tokens/tl-brand.tokens.json. Components use
 * semantic roles only, which keeps a future @s-swart/tokens adapter mechanical.
 */
:root,
html[data-brand="iris"] {
  color-scheme: light;
  --color-canvas: #faf8f4;
  --color-surface: #ffffff;
  --color-surface-subtle: #f4f1ea;
  --color-accent-subtle: #eef5f0;
  --color-accent-hover: #dcebe2;
  --color-ink: #2b2a27;
  --color-muted: #6f6a62;
  --color-faint: #8a857c;
  --color-line: #e6e1d8;
  --color-accent: #2f6f4f;
  --color-accent-strong: #24583e;
  --color-on-accent: #ffffff;
  --color-error: #a04040;
  --color-error-subtle: #fdf2f2;
  --color-focus: #2f6f4f;
  --color-overlay: rgb(43 42 39 / 42%);
  --color-shadow: rgb(43 42 39 / 8%);
  --color-shadow-strong: rgb(43 42 39 / 14%);
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --radius-small: 4px;
  --radius-chip: 6px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --shadow-card: 0 1px 2px var(--color-shadow), 0 8px 24px rgb(43 42 39 / 3%);
  --shadow-card-hover: 0 2px 4px var(--color-shadow), 0 12px 32px var(--color-shadow);
  --shadow-floating: 0 20px 52px var(--color-shadow-strong);
}

html[data-brand="gtmflow"] {
  --color-canvas: #f6f4f8;
  --color-surface: #fdfcfe;
  --color-surface-subtle: #f6f4f8;
  --color-accent-subtle: #e2ddfa;
  --color-accent-hover: #c7bff4;
  --color-ink: #201a33;
  --color-muted: #564d6b;
  --color-faint: #6e6480;
  --color-line: #e9e5ee;
  --color-accent: #5843c2;
  --color-accent-strong: #47339f;
  --color-on-accent: #ffffff;
  --color-error: #a62e27;
  --color-error-subtle: #f6f4f8;
  --color-focus: #6a55d0;
  --color-overlay: rgb(23 17 43 / 62%);
  --color-shadow: rgb(23 17 43 / 8%);
  --color-shadow-strong: rgb(23 17 43 / 18%);
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-brand="catalyst"] {
  --color-canvas: #f5f2f4;
  --color-surface: #f9f7f9;
  --color-surface-subtle: #f5f2f4;
  --color-accent-subtle: #e8e2ff;
  --color-accent-hover: #c8bfff;
  --color-ink: #3a2f5e;
  --color-muted: #635677;
  --color-faint: #6f637e;
  --color-line: #eae5eb;
  --color-accent: #534ab7;
  --color-accent-strong: #473d99;
  --color-on-accent: #ffffff;
  --color-error: #a63a2b;
  --color-error-subtle: #f5f2f4;
  --color-focus: #534ab7;
  --color-overlay: rgb(36 29 58 / 56%);
  --color-shadow: rgb(36 29 58 / 8%);
  --color-shadow-strong: rgb(36 29 58 / 18%);
  --font-body: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-display: "Cormorant Garamond", "EB Garamond", Georgia, serif;
}

html[data-brand="turnberry"] {
  --color-canvas: #fbfcfd;
  --color-surface: #ffffff;
  --color-surface-subtle: #f1f4f6;
  --color-accent-subtle: #dfeaf0;
  --color-accent-hover: #aed8ef;
  --color-ink: #12242e;
  --color-muted: #545c62;
  --color-faint: #5c6870;
  --color-line: #e3e6e8;
  --color-accent: #217bab;
  --color-accent-strong: #1a628c;
  --color-on-accent: #ffffff;
  --color-error: #b8432f;
  --color-error-subtle: #f1f4f6;
  --color-focus: #217bab;
  --color-overlay: rgb(10 22 29 / 56%);
  --color-shadow: rgb(10 22 29 / 8%);
  --color-shadow-strong: rgb(10 22 29 / 18%);
  --font-body: "Nunito Sans", "Segoe UI", Arial, sans-serif;
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}