/* ============================================================================
   Theme: Creme Sober
   The original Ishraq look — warm paper background, sage green accent, flat
   white cards with a whisper of shadow. This file is purely token definitions;
   the structure lives in app.css / auth.css.
   ========================================================================== */

:root {
  --sidebar-w: 244px;

  /* Brand + surfaces */
  --primary: #4f5a42;
  --primary-dark: #3a4330;
  --primary-light: #eef1ea;
  --on-primary: #ffffff;
  --bg: #f6f3ec;
  --surface: #ffffff;
  --border: #eae6db;
  --divider-width: 1px;
  --text: #24241f;
  --text-muted: #6b6b62;
  --text-faint: #c9c9c0;
  /* Ground and panels are both light here, so panel ink matches page ink. */
  --ink: #24241f;
  --ink-muted: #6b6b62;

  --badge-1: #f0e6d8;
  --badge-2: #ece9e3;
  --badge-3: #f6ecc8;
  --badge-4: #e3ecdb;

  /* Typography */
  --font-body: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: var(--font-body);
  --font-numeric: var(--font-display);
  --heading-tracking: normal;
  --weight-heading: 700;
  --weight-medium: 600;
  --label-transform: uppercase;
  --label-tracking: 0.03em;

  /* Shape */
  --radius-card: 14px;
  --radius-card-sm: 12px;
  --radius-btn: 8px;
  --radius-sm: 10px;
  --radius-xs: 9px;
  --radius-pill: 20px;
  --card-padding: 1.4rem;
  --card-padding-sm: 1rem;

  /* Depth */
  --shadow: 0 1px 2px rgba(36,36,31,0.04), 0 2px 10px rgba(36,36,31,0.05);
  --shadow-raised: var(--shadow);
  --shadow-sm: none;
  --shadow-well: none;
  --shadow-logo: none;
  --shadow-btn: none;
  --shadow-btn-hover: none;
  --shadow-btn-active: none;
  --sidebar-shadow: none;
  --topbar-shadow: none;
  --scrim: rgba(36,36,31,0.45);

  /* Navigation */
  --sidebar-bg: var(--surface);
  --nav-hover-bg: var(--bg);
  --nav-hover-shadow: none;
  --nav-active-bg: var(--primary-light);
  --nav-active-shadow: none;
  --nav-active-text: var(--text);
  --nav-active-badge: #e0e5d8;

  /* Motion — the original theme is deliberately still. */
  --transition: .15s ease;
  --lift: none;
  --lift-card: none;
  --press: none;
  --focus-ring: auto;

  /* Form controls (auth pages only in this theme) */
  --input-bg: #ffffff;
  --input-border: 1px solid #e3e5e8;
  --input-border-focus: var(--primary);
  --input-radius: 8px;
  --input-padding: 0.65rem 0.85rem;
  --input-shadow: none;
  --input-shadow-focus: 0 0 0 3px rgba(79,90,66,0.14);

  /* Status palette — shared by every page-level style block */
  --ok-bg: #e7f2e9;
  --ok-fg: #2f6b3d;
  --ok-line: #3d7a4b;

  --warn-bg: #fdf3e2;
  --warn-fg: #8a5c10;
  --warn-line: #c07f1c;

  --danger-bg: #fdecea;
  --danger-fg: #9b241c;
  --danger-line: #b3261e;
  --danger: #b3261e;
  --danger-dark: #8f1e18;

  --neutral-bg: #f1eee8;
  --neutral-fg: #6b6b62;
  --neutral-line: #9a9a90;

  --info-bg: #e6ecf5;
  --info-fg: #2f4d7a;

  /* "Scheduled but not marked yet" — a dashed, waiting-for-you state */
  --pending-bg: #f7f2e6;
  --pending-fg: #8a7a52;
  --pending-line: #d8cba8;

  /* Correct answer highlighted on a graded paper */
  --answer-bg: #f3f6f1;
  --answer-line: #c3d0b8;

  /* Row flagged as incomplete on the attendance sheet */
  --row-flag-bg: #fdfaf3;

  /* Progress / meter tracks */
  --track-bg: var(--bg);
  --track-shadow: none;

  /* Camera scanner */
  --viewport-bg: #12120f;
  --viewport-text: #cfcfc4;

  /* Auth split screen */
  --brand-panel-bg:
    radial-gradient(circle at 25% 15%, rgba(246,236,200,0.18), transparent 45%),
    radial-gradient(circle at 80% 85%, rgba(246,236,200,0.12), transparent 40%),
    linear-gradient(160deg, #5c6b4d, var(--primary-dark) 75%);
  --brand-panel-text: #ffffff;
  --brand-logo-bg: #ffffff;
  --brand-logo-filter: drop-shadow(0 8px 20px rgba(0,0,0,0.25));
  --brand-logo-shadow: none;
  --form-panel-bg: #ffffff;
}