/* GermanVocab global design tokens. Keep all CSS variables in this file. */
:root {
  color-scheme: light;

  /* Core surfaces / typography */
  --bg: #f5f7f4;
  --paper: #f5f7f4;
  --surface: #ffffff;
  --surface-2: #eef2ee;
  --surface-quiet: #f3f5f2;
  --surface-raised: #ffffff;
  --text: #1c231e;
  --ink: #1c231e;
  --muted: #5f6c63;

  /* Borders / focus */
  --line: #d8e0d9;
  --line-strong: #b9c6bb;
  --border: #d8e0d9;
  --focus: #d8a62d;
  --focus-ring: rgba(152, 43, 54, .22);
  --gold: #d5ab3d;

  /* Brand */
  --accent: #982b36;
  --accent-2: #d8a62d;
  --accent-soft: #f7eaec;
  --accent-wash: #f7eaec;
  --accent-light: #e7bb54;
  --accent-strong: #1d2920;
  --accent-dark: #6f1e28;
  --danger: #b32431;
  --warn: #a3222c;

  /* Header / controls */
  --header: rgba(246, 247, 245, .96);
  --header-surface: rgba(246, 247, 245, .96);
  --header-text: #252b27;
  --nav-text: #566159;
  --control-bg: #ffffff;
  --control-text: #1c231e;
  --control-border: #b9c6bb;
  --control-placeholder: #7a867d;

  /* Layout */
  --shadow: 0 18px 50px rgba(26, 35, 29, .10);
  --radius: 16px;
  --learn-header-offset: 126px;

  /* Feedback */
  --success-bg: #edf7ef;
  --success-ink: #255d35;
  --error-bg: #fff0ed;
  --error-ink: #8d3322;

  /* Shared semantic aliases used by feature-specific CSS. */
  --on-accent: #ffffff;
  --text-strong: #39453c;
  --text-soft: #647067;
  --border-subtle: #edf0ed;
  --surface-muted: #fcfdfb;
  --surface-hover: #fbfcfa;
  --accent-border: #9eb5a3;
  --accent-hover: #b44a51;
  --success-border: #dce6dd;
  --success-surface: #f0f5f0;
  --success-surface-strong: #eef8f1;
  --success-text: #3f7c57;
  --danger-border: #eaded6;
  --danger-surface: #faf5f1;
  --danger-text: #805d4b;
  --warning-border: #e4e0d1;
  --warning-surface: #faf9f2;
  --warning-text: #756a48;
  --neutral-surface: #f6f7f5;
  --neutral-text: #687169;
  --overlay: rgba(0, 0, 0, .48);
  --flag-black: #252525;
  --flag-gold: #e3b53e;

  /* Admin-only semantic aliases live here so admin.css has no local variables. */
  --admin-ink: #1d2b22;
  --admin-muted: #667269;
  --admin-line: #dce4dc;
  --admin-surface: #ffffff;
  --admin-paper: #f5f7f3;
  --admin-accent: #244b3b;
  --admin-accent-dark: #193d2d;
  --admin-success-bg: #edf7ef;
  --admin-success-ink: #255d35;
  --admin-error-bg: #fff0ed;
  --admin-error-ink: #8d3322;
}



/* Learner layout offset adjusts with header density on narrower screens. */
@media (max-width: 980px) { :root { --learn-header-offset: 122px; } }
@media (max-width: 700px) { :root { --learn-header-offset: 116px; } }

/* Vocabulary entity colors — shared by cards, search, dictionary and word pages. */
:root {
  --entity-article: #8a6512;
  --entity-word: #982b36;
  --entity-meaning: #244b3b;
  --entity-pos: #6a4b88;
  --entity-level: #28658a;
  --entity-pronunciation: #7a5b29;
  --entity-synonym: #2f7a55;
  --entity-antonym: #a13a46;
  --entity-related: #516a8e;
  --entity-source: #657267;
}

/* Learner layout tokens that may be overridden inline by a component. */
:root {
  --today-pct: 0deg;
  --dash-gap: 18px;
}