/* ── dracula · Brick & paper in Dracula colours (0.5.24) ──
   Same block language as brick (its rules match both skins, see brick.css);
   this file brings only colours. Palette: the official spec,
   draculatheme.com/spec — Dracula Classic for the dark tone, Alucard
   Classic (its official light variant) for the light one.
   Spec values are used as-is except where small text would fail WCAG AA:
     Comment #6272A4 is 3.03:1 on Background → dim text uses #AFB6CB
       (same hue, 7.04:1); #6272A4 stays for edges, where 3:1 is enough.
     Red #FF5555 is 4.53:1 → text uses AnsiBrightRed #FF6E6E (5.23:1).
   Light: cream #FFFBEB on Alucard Purple #644AC9 is 6.02:1 (dark ink on it
   would be 2.64:1), so the light tone's --on-accent is cream. */

/* ── dracula · light — Alucard ── */
[data-skin="dracula"] {
  --bg: #ece9df;            /* Alucard Background Lighter */
  --surface: #fffbeb;       /* Alucard Background */
  --surface-2: #dedccf;     /* Alucard Background Light */
  --text: #1f1f1f;          /* Alucard Foreground — 15.89:1 */
  --text-dim: #6c664b;      /* Alucard Comment — 5.56:1 surface, 4.75:1 bg */
  --border: #1f1f1f;
  --frame-border: #1f1f1f;
  --accent: #644ac9;        /* Alucard Purple */
  --on-accent: #fffbeb;     /* 6.02:1 on Purple */
  --danger: #cb3a2a;        /* Alucard Red — 4.85:1 */
  --danger-light: #cb3a2a;
  --danger-dark: #ff6e6e;
  --shadow-ink: #1f1f1f;
  --radius: 2px;
}

/* ── dracula · dark — Dracula Classic ── */
[data-skin="dracula"][data-theme="dark"] {
  color-scheme: dark;
  --bg: #21222c;            /* Background Dark (AnsiBlack) */
  --surface: #282a36;       /* Background */
  --surface-2: #44475a;     /* Selection / Current Line */
  --text: #f8f8f2;          /* Foreground — 13.36:1 */
  --text-dim: #afb6cb;      /* Comment, lightened for text */
  --border: #6272a4;        /* Comment */
  --frame-border: #6272a4;
  --accent: #bd93f9;        /* Purple */
  --on-accent: #282a36;     /* Background on Purple — 5.90:1 */
  --danger: #ff6e6e;        /* AnsiBrightRed */
  /* Blocks need an edge you can see: near-black on #21222c vanishes, so the
     offset shadow and ink lines use Comment, the palette's own slate blue. */
  --shadow-ink: #6272a4;
}

/* Card bodies with their own light/dark choice use the same two palettes. */
[data-skin="dracula"] :is(.card-note, .card-table, .card-checklist, .card-snippet,
  .card-embed, .card-credential, .card-music, .card-media, .card-terminal,
  .card-rss, .card-server) {
  --bg: #21222c; --surface: #282a36; --surface-2: #44475a;
  --text: #f8f8f2; --text-dim: #afb6cb; --border: #44475a;
}
[data-skin="dracula"] :is(.card-note-light, .card-table-light, .card-snippet-light,
  .card-checklist-light, .card-embed-light, .card-credential-light,
  .card-music-light, .card-media-light, .card-terminal-light, .card-rss-light,
  .card-calendar-light, .card-server-light) {
  --bg: #ece9df; --surface: #fffbeb; --surface-2: #dedccf;
  --text: #1f1f1f; --text-dim: #6c664b; --border: #ceccc0;
}

/* Cream ink on the light tone's purple: the black logo turns cream with it. */
[data-skin="dracula"]:not([data-theme="dark"]) .auth-head img { filter: brightness(0) invert(1); }

/* The rail is a quiet block, not a purple one (user, 2026-10-10: "a bit very
   colourful"). Brick's rail rules paint it with --accent and ink it with
   --on-accent, so inside #sidebar those two become the rail and its ink;
   the real purple stays for the "+" stamp and the selected category. */
[data-skin="dracula"] { --rail: #dedccf; --rail-ink: #1f1f1f; --purple: #644ac9; }                /* Alucard Background Light */
[data-skin="dracula"][data-theme="dark"] { --rail: #191a21; --rail-ink: #f8f8f2; --purple: #bd93f9; } /* Background Darker */
[data-skin="dracula"] #sidebar { --accent: var(--rail); --on-accent: var(--rail-ink); }
[data-skin="dracula"] #sidebar .nb-plus { background: var(--purple); color: var(--bg); }
[data-skin="dracula"] #sidebar .nav-item.active .nav-slot::before { background: var(--purple); }
[data-skin="dracula"] #sidebar .user-avatar { background: var(--purple); color: var(--bg); }
[data-skin="dracula"] #sidebar .sb-brand img { filter: brightness(0); }
[data-skin="dracula"][data-theme="dark"] #sidebar .sb-brand img { filter: brightness(0) invert(1); }

/* A little Dracula beyond purple: Green for live, Purple-tinted
   selection and caret. */
[data-skin="dracula"][data-theme="dark"] .card-dot.is-live { background: #50fa7b; box-shadow: 0 0 6px #50fa7bcc; }
[data-skin="dracula"] ::selection { background: color-mix(in srgb, var(--accent) 38%, transparent); color: var(--text); }
[data-skin="dracula"] :is(input, textarea) { caret-color: var(--accent); accent-color: var(--accent); }