/* EduFlow — shared design tokens for public landing pages.
   "Streams" brand (applied 2026-06-09). Light theme. All public pages link this file.
   Dark-theme pages (preview.html, join.html) define their own :root inline / link theme-dark.css.
   Dashboard pages use web/lecturer/static/style.css instead.

   Brand axis: violet→magenta→pink gradient (#7C3AED → #C026D3 → #EC4899, 135°).
   Wordmark font: Outfit (Latin). Yellow retired → magenta/pink.
   Rule: --grad is a fill behind white; solid --accent (#7C3AED) is for text/CTAs (≥4.5:1).

   Token changelog:
   2026-05-17  Mika — initial extraction from per-page :root blocks.
                       --text-dim bumped #9CA3AF → #737373 (WCAG AA on old #FAFAF7).
   2026-05-17  Mika — added --accent-2, --like (parity with theme-dark.css).
   2026-06-09  Streams brand — indigo/gold → violet/magenta/pink; +Outfit wordmark
               (--font-brand) + --grad gradient. Var names unchanged. */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600;700&display=swap');

:root {
  /* Backgrounds */
  --bg:            #FFFDFB;
  --bg-elevated:   #F6F2FC;
  --bg-card:       #FFFFFF;
  --bg-card-hover: #F1EAFB;

  /* Brand */
  --accent:       #7C3AED;                    /* violet — primary CTA / links (5.62:1 on --bg) */
  --accent-hover: #6D28D9;                    /* violet-700 (7.00:1) */
  --accent-2:     #C026D3;                    /* magenta — gradient mid */
  --accent-soft:  rgba(124, 58, 237, 0.10);

  /* Brand gradient — FILL behind white only (pink end fails text contrast). */
  --grad:       linear-gradient(135deg, #7C3AED 0%, #C026D3 48%, #EC4899 100%);
  --grad-start: #7C3AED;
  --grad-mid:   #C026D3;
  --grad-end:   #EC4899;

  /* Wordmark / brand type — Outfit (Latin), Rubik handles Hebrew elsewhere. */
  --font-brand: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Secondary palette */
  --gold:    #C026D3;                         /* yellow retired → magenta (badges, FILL only) */
  --success: #10B981;
  --warn:    #E08600;                         /* amber for warnings (decoupled from --gold) */
  --error:   #EF4444;
  --like:    #EC4899;                         /* pink heart — used by feed pages */

  /* Text */
  --text:       #1A1430;
  --text-muted: #6B6480;
  /* a11y: #6E6880 on --bg (#FFFDFB) = 5.23:1 contrast (AA pass). */
  --text-dim:   #6E6880;

  /* Borders */
  --border:        #ECE6F7;
  --border-strong: #DBD2EE;                  /* +visibility for divider emphasis */

  /* Shape */
  --radius:    12px;
  --radius-lg: 16px;
}