/* Awesomate Hub design tokens — source of truth: src/theme.ts ('modern-ai' preset) */
@import url('fonts-inter.css');
@import url('fonts-bricolage.css');
:root {
  /* Brand */
  --brand-primary: #e9484d;   /* Awesomate red */
  --brand-secondary: #ef9563; /* Awesomate orange */
  --brand-navy: #0f1128;
  --brand-blue: #1e63e9;
  --brand-gradient: linear-gradient(135deg, #e9484d 0%, #ef9563 100%); /* @kind color */

  /* Semantic */
  --error: #d32f2f;   --error-bg: #fce4ec;
  --warning: #ed6c02; --warning-bg: #fff3e0;
  --success: #2e7d32;

  /* Light surfaces (warm neutrals) */
  --light-background: #f8f7f4;
  --light-paper: #ffffff;
  --light-border: #e8e5df;
  --light-surface-hover: #f0ede8;

  /* Dark surfaces (warm neutrals) */
  --dark-background: #1c1917;
  --dark-paper: #292524;
  --dark-border: #3f3a36;
  --dark-surface-hover: #33302c;

  /* Shape */
  --radius: 12px;        /* cards, dialogs, papers */
  --radius-button: 10px;
  --radius-input: 10px;
  --radius-chip: 9999px; /* full pill */
  --radius-fab: 16px;

  /* Type */
  --font-heading: 'Bricolage Grotesque', 'Inter', sans-serif; /* weight 600 (h5/h6: 500) */
  --font-body: 'Inter', sans-serif;

  /* Slides (16:9 decks — see foundations/slides.html + templates/slide-deck) */
  --slide-accent: #ef4f4f;      /* coral — the one phrase to remember, CTAs, strips */
  --slide-navy: #0f172a;        /* title slides, header bands */
  --slide-navy-alt: #131c2e;    /* dark slide bodies / card fills */
  --slide-panel: #1e3a5f;       /* panels & cards on dark slides */
  --slide-ink: #f5efe9;         /* body text on dark */
  --slide-bg-light: #f1f5f9;    /* light slide body */
  --slide-text: #1e293b;        /* dark text on light slides */
  --slide-muted: #64748b;       /* subtitles, card descriptions */
  --slide-cat-blue: #3b82f6;    /* info / step 1 */
  --slide-cat-green: #34a363;   /* approve / reality / success */
  --slide-cat-amber: #d9a62e;   /* review / warning */
  --slide-cat-purple: #8b5cf6;  /* secondary category / step 4 */
  --font-slide-heading: 'Space Grotesk', 'Inter', sans-serif; /* bold, oversized */

  /* Layout */
  --header-height: 56px;
  --bottom-nav-height: 56px;
}
/* Conventions: cards are flat (elevation 0) with 1px subtle border; buttons/tabs
   sentence case (no uppercase); AppBar flat, no shadow; list item buttons rounded 12px. */