/* Brand tokens shared by the public pages (site/) and the learner app (public/app/). */
:root {
  --bg: #faf7f2;
  --surface: #ffffff;
  --surface-2: #f3efe8;
  --border: #e6e0d6;
  --border-strong: #cfc6b8;
  --text: #1f1d1a;
  --text-2: #605a52;
  --primary: #b7410e;
  --primary-hover: #9a360c;
  --primary-soft: #fdeee6;
  --accent: #1f6f8b;
  --accent-soft: #e4f1f5;
  --ok: #1f8a4c;
  --ok-bg: #e7f4ec;
  --bad: #b42318;
  --bad-bg: #fdecea;
  --warn: #b25e09;
  --warn-bg: #fff4e0;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-soft: 0 2px 6px rgb(31 29 26 / 6%);
  --font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* The shared TTW Action/Surface skin (public/app/ttw_shared.css) reads these. */
  --ttw_color_primary: var(--primary);
  --ttw_color_primary_hover: var(--primary-hover);
  --ttw_color_on_primary: #fff;
  --ttw_color_success: var(--ok);
  --ttw_color_success_hover: #19703d;
  --ttw_color_on_success: #fff;
  --ttw_color_error: var(--bad);
  --ttw_color_error_hover: #8f1c12;
  --ttw_color_on_error: #fff;
  --ttw_color_surface: var(--surface);
  --ttw_color_bg: var(--surface-2);
  --ttw_color_text: var(--text);
  --ttw_color_text_secondary: var(--text-2);
  --ttw_color_border: var(--border);
  --ttw_radius: var(--radius);
  --ttw_radius_lg: var(--radius-lg);
  --ttw_shadow_card: var(--shadow-soft);
  --ttw_font_family: var(--font);
}