/* Admin design tokens behind the Tailwind surface/text/accent utilities.
   Light at :root, dark at .w-theme-dark; loaded admin-wide. */

:root {
    --surface: #ffffff;
    --surface-2: #f5f5f5;      /* neutral-100 — fields, chips */
    --surface-hover: #f0f0f0;  /* between neutral-50 and 100 */
    --surface-even: #fafafa;   /* neutral-50 — subtle zebra */
    --border: #e5e5e5;         /* neutral-200 — visible on white */
    --border-strong: #d4d4d4;  /* neutral-300 */
    --txt: #171717;            /* neutral-900 */
    --txt-2: #525252;          /* neutral-600 */
    --txt-3: #737373;          /* neutral-500 */
    --accent: #4338ca;         /* indigo-700 — primary; links, active, focus */
    --accent-soft: #e0e7ff;    /* indigo-100 */
    --on-text: #15803d;
    --on-soft: #dcfce7;
    --staff-bg: #e0e7ff;       /* indigo-100 */
    --staff-text: #3730a3;     /* indigo-800 */
    --muted: #a3a3a3;          /* neutral-400 — legible on white */
    --perm-off: #d4d4d4;       /* neutral-300 */
}

.w-theme-dark {
    --surface: #262626;        /* neutral-800 — matches Wagtail sidebar/menus */
    --surface-2: #404040;      /* neutral-700 */
    --surface-hover: #404040;  /* neutral-700 */
    --surface-even: #2e2e2e;   /* between neutral-800 and 700 for subtle zebra */
    --border: #404040;         /* neutral-700 */
    --border-strong: #525252;  /* neutral-600 */
    --txt: #f5f5f5;            /* neutral-100 */
    --txt-2: #a3a3a3;          /* neutral-400 */
    --txt-3: #737373;          /* neutral-500 */
    --accent: #6366f1;         /* indigo-500 — brighter for dark contrast */
    --accent-soft: #312e81;    /* indigo-900 */
    --on-text: #4ade80;
    --on-soft: #14271d;
    --staff-bg: #312e81;       /* indigo-900 */
    --staff-text: #a5b4fc;     /* indigo-300 */
    --muted: #737373;          /* neutral-500 */
    --perm-off: #525252;       /* neutral-600 */
}