/* O Plano DBA — Color tokens
   Sampled from the brand logo and lesson covers.
   Brand red = DBA / Oracle red. Ink = navy used on dark covers.
   Slate = the "O PLANO" gray. Light surfaces drive the
   bright, low-text teaching slides the brand favors. */

:root {
  /* ---- Brand red (primary) ---- */
  --red-700: #9E2A1E;
  --red-600: #BE3325;
  --red-500: #DC4030; /* core brand red */
  --red-400: #E85C4D;
  --red-300: #F08577;
  --red-100: #FBE0DC;
  --red-050: #FDF1EF;

  /* ---- Ink / navy (dark surfaces) ---- */
  --ink-900: #0C1828; /* deepest */
  --ink-800: #112033;
  --ink-700: #15273B; /* core cover navy */
  --ink-600: #1E3047;
  --ink-500: #2A3F58;

  /* ---- Slate (secondary / "O PLANO" gray) ---- */
  --slate-700: #46586B;
  --slate-600: #5F7387; /* core slate */
  --slate-500: #7C8EA0;
  --slate-400: #9DACBA;
  --slate-300: #C2CDD7;
  --slate-200: #DCE3EA;
  --slate-100: #EAEFF4;
  --slate-050: #F4F7FA;

  /* ---- Pure neutrals ---- */
  --white: #FFFFFF;
  --black: #06101C;

  /* ---- Semantic: surfaces (light teaching theme = default) ---- */
  --surface-page: #F2F5F8;     /* slide / page background */
  --surface-card: #FFFFFF;     /* cards, panels */
  --surface-soft: #EAEFF4;     /* subtle fill, code blocks */
  --surface-inset: #E1E8EF;    /* wells, track backgrounds */
  --surface-invert: #15273B;   /* dark panels on light pages */

  /* ---- Semantic: text ---- */
  --text-strong: #15273B;      /* headlines on light */
  --text-body: #2C3E51;        /* body copy on light */
  --text-muted: #5F7387;       /* secondary / captions */
  --text-faint: #9DACBA;       /* disabled, hints */
  --text-on-dark: #FFFFFF;     /* text on ink surfaces */
  --text-on-dark-muted: #A9B8C7;
  --text-on-red: #FFFFFF;
  --text-accent: #DC4030;      /* inline emphasis / kickers */

  /* ---- Semantic: borders & lines ---- */
  --border-subtle: #E2E8EE;
  --border-default: #D2DBE4;
  --border-strong: #B9C5D1;
  --border-on-dark: rgba(255, 255, 255, 0.14);

  /* ---- Semantic: interactive (primary = red) ---- */
  --action-primary: #DC4030;
  --action-primary-hover: #BE3325;
  --action-primary-active: #9E2A1E;
  --action-secondary: #15273B;
  --action-secondary-hover: #1E3047;

  /* ---- Status / feedback ---- */
  --success-500: #1F9D6B;
  --success-100: #DBF1E7;
  --warning-500: #E0902A;
  --warning-100: #FBEBD3;
  --danger-500: #DC4030;
  --danger-100: #FBE0DC;
  --info-500: #2F6DB0;
  --info-100: #DCEAF6;

  /* ---- Focus ---- */
  --focus-ring: rgba(220, 64, 48, 0.45);
}