/* Colors — transcribed from automation-channels.fig. Exact values, no rounding. */
:root {
  /* ── Brand ───────────────────────────────────────────────── */
  --ac-red: #ff0000;            /* logo mark + wordmark (uploads/logo-black.svg) */
  --ac-red-action: #e5341a;     /* primary action fill, Save / Done */
  --ac-red-hot: #f6352d;        /* gradient "Next:" button head */
  --ac-red-deep: #cc0000;       /* mobile consent accent */
  --ac-red-signal: #e90808;     /* thumbnail scrub bar */

  /* ── Ink (light app) ─────────────────────────────────────── */
  --ac-ink-900: #0f0f0f;
  --ac-ink-850: #111111;
  --ac-ink-800: #121212;
  --ac-ink-700: #1a1a1a;
  --ac-ink-600: #272727;
  --ac-ink-500: #333333;
  --ac-ink-400: #444444;
  --ac-ink-300: #666666;

  /* ── Grey (light app) ────────────────────────────────────── */
  --ac-grey-700: #7b7b7b;
  --ac-grey-600: #888888;
  --ac-grey-550: #8a8a8a;
  --ac-grey-500: #878787;
  --ac-grey-450: #909090;
  --ac-grey-400: #999999;
  --ac-grey-350: #a3a3a3;
  --ac-grey-300: #aaaaaa;
  --ac-line-strong: #dddddd;
  --ac-line: #e0e0e0;
  --ac-line-soft: #e5e5e5;
  --ac-line-softer: #ebebeb;
  --ac-line-faint: #eeeeee;
  --ac-surface-3: #e6e6e6;
  --ac-surface-2: #f2f2f2;
  --ac-surface-1: #f5f5f5;
  --ac-surface-0: #f8f8f8;
  --ac-white: #ffffff;

  /* ── Editorial (Assets Panel · Option A) ─────────────────── */
  --ac-paper-ink: #1a1a1a;
  --ac-paper-ink-2: #2a2a2a;
  --ac-paper-body: #6b6159;
  --ac-paper-muted: #9a8f82;
  --ac-paper-rule: #e8e4de;
  --ac-paper-rule-2: #e5e1d8;
  --ac-paper-line: #ddd8d0;
  --ac-paper-fill: #ede9e2;
  --ac-paper-accent: #c4bdb3;

  /* ── Column-grid (Assets Panel · Option B) ───────────────── */
  --ac-cg-canvas: #f4f6f8;
  --ac-cg-rail: #e8eaed;
  --ac-cg-divider: #ccd1d6;
  --ac-cg-divider-strong: #d6dade;
  --ac-cg-placeholder: #d9dde2;
  --ac-cg-ink: #14191f;
  --ac-cg-body: #4f5964;
  --ac-cg-muted: #828c96;
  --ac-cg-muted-2: #949da7;
  --ac-cg-accent: #3366e5;
  --ac-cg-warn-fill: #fef7de;
  --ac-cg-warn-line: #e0d8ae;

  /* ── Track list (grey-blue scale) ────────────────────────── */
  --ac-tl-ink: #111827;
  --ac-tl-body: #374151;
  --ac-tl-muted: #6b7280;
  --ac-tl-dot: #9ca3af;
  --ac-tl-fill: #f3f4f6;
  --ac-tl-line: #e5e7eb;
  --ac-tl-live: #22c55e;

  /* ── Mobile consent (dark) ───────────────────────────────── */
  --ac-dark-canvas: #0a0a0a;
  --ac-dark-quote: #0d0d0d;
  --ac-dark-field: #161616;
  --ac-dark-sheet: #222222;
  --ac-dark-line: #252525;
  --ac-dark-quote-mark: #565656;
  --ac-dark-muted: #777777;
  --ac-dark-body: #cccccc;

  /* ── Media chrome ────────────────────────────────────────── */
  --ac-scrub-track: #b7bcbf;
  --ac-home-indicator: #808082;

  /* ── Semantic aliases (light app default) ────────────────── */
  --text-title: var(--ac-ink-850);
  --text-body: var(--ac-ink-500);
  --text-muted: var(--ac-grey-300);
  --text-label: var(--ac-grey-400);
  --text-on-accent: var(--ac-white);
  --surface-page: var(--ac-white);
  --surface-card: var(--ac-white);
  --surface-sunken: var(--ac-surface-1);
  --surface-inset: var(--ac-surface-2);
  --surface-quiet: var(--ac-surface-0);
  --border-card: var(--ac-line-faint);
  --border-control: var(--ac-line-strong);
  --border-hairline: var(--ac-line-softer);
  --accent: var(--ac-red-action);
  --accent-quiet: var(--ac-ink-850);
  --focus-ring: var(--ac-ink-850);
}

/* Editorial theme scope — Assets Panel Option A */
.ac-theme-editorial {
  --text-title: var(--ac-paper-ink);
  --text-body: var(--ac-paper-body);
  --text-muted: var(--ac-paper-muted);
  --text-label: var(--ac-paper-muted);
  --surface-page: var(--ac-white);
  --surface-inset: var(--ac-paper-fill);
  --border-card: var(--ac-paper-rule-2);
  --border-hairline: var(--ac-paper-rule);
  --border-control: var(--ac-paper-line);
  --accent: var(--ac-red-hot);
}

/* Column-grid theme scope — Assets Panel Option B */
.ac-theme-columngrid {
  --text-title: var(--ac-cg-ink);
  --text-body: var(--ac-cg-body);
  --text-muted: var(--ac-cg-muted-2);
  --text-label: var(--ac-cg-muted);
  --surface-page: var(--ac-cg-canvas);
  --surface-card: var(--ac-white);
  --surface-inset: var(--ac-cg-rail);
  --border-card: var(--ac-cg-divider);
  --border-hairline: var(--ac-cg-divider);
  --accent: var(--ac-cg-accent);
}

/* Dark consent theme scope — KYC mobile */
.ac-theme-dark {
  --text-title: var(--ac-white);
  --text-body: var(--ac-dark-body);
  --text-muted: var(--ac-dark-muted);
  --text-label: var(--ac-dark-muted);
  --surface-page: var(--ac-dark-canvas);
  --surface-card: var(--ac-dark-sheet);
  --surface-sunken: var(--ac-dark-quote);
  --surface-inset: var(--ac-dark-field);
  --border-card: var(--ac-dark-line);
  --border-hairline: var(--ac-dark-line);
  --accent: var(--ac-red-deep);
  --focus-ring: var(--ac-white);
}

a { color: var(--ac-red-action); text-decoration: none; }
a:hover { color: var(--ac-red-hot); text-decoration: underline; }