/* ============================================
   BRAND PALETTE - DRACULA (dark) / ALUCARD (light)
   ============================================
   tailwindcss-browser (the JIT compiler, see base.html) does not
   support the @plugin/@config directives - a real-browser check raised
   "does not support plugins or config files" - so a full daisyUI theme
   can't be redefined via @plugin "daisyui/theme" the way the
   build-tooling docs describe. We therefore keep daisyUI's built-in
   "light"/"dark" themes (loaded via the daisyui.css <link> in
   base.html) and directly override the --color-* variables under each
   [data-theme=...] - since this file isn't inside an @layer, it wins
   over daisyUI's layered [data-theme=...] definitions regardless of
   load order.

   Values are taken 1:1 from the official spec at draculatheme.com/spec
   (Dracula for [data-theme="dark"], Alucard - the official light
   variant - for [data-theme="light"]), no invented or computed hue: the
   spec's Background/Current Line (opaque)/Selection colors map directly
   to the three base-100/200/300 surface levels. */

[data-theme="light"] {
    /* Alucard */
    --color-base-100: #fffbeb;       /* Background */
    --color-base-200: #e2decf;       /* Current Line (opaque) */
    --color-base-300: #cfcfde;       /* Selection */
    --color-base-content: #1f1f1f;   /* Foreground */

    --color-primary: #644ac9;        /* Purple */
    --color-primary-content: #fffbeb;
    --color-secondary: #a3144d;      /* Pink */
    --color-secondary-content: #fffbeb;
    --color-accent: #036a96;         /* Cyan */
    --color-accent-content: #fffbeb;
    --color-neutral: #6c664b;        /* Comment */
    --color-neutral-content: #fffbeb;

    --color-info: #036a96;           /* Cyan */
    --color-info-content: #fffbeb;
    --color-success: #14710a;        /* Green */
    --color-success-content: #fffbeb;
    --color-warning: #a34d14;        /* Orange */
    --color-warning-content: #fffbeb;
    --color-error: #cb3a2a;          /* Red */
    --color-error-content: #fffbeb;
}

[data-theme="dark"] {
    /* Dracula */
    --color-base-100: #282a36;       /* Background */
    --color-base-200: #353747;       /* Current Line (opaque) */
    --color-base-300: #44475a;       /* Selection */
    --color-base-content: #f8f8f2;   /* Foreground */

    --color-primary: #bd93f9;        /* Purple */
    --color-primary-content: #282a36;
    --color-secondary: #ff79c6;      /* Pink */
    --color-secondary-content: #282a36;
    --color-accent: #8be9fd;         /* Cyan */
    --color-accent-content: #282a36;
    --color-neutral: #6272a4;        /* Comment */
    --color-neutral-content: #f8f8f2;

    --color-info: #8be9fd;           /* Cyan */
    --color-info-content: #282a36;
    --color-success: #50fa7b;        /* Green */
    --color-success-content: #282a36;
    --color-warning: #ffb86c;        /* Orange */
    --color-warning-content: #282a36;
    --color-error: #ff5555;          /* Red */
    --color-error-content: #282a36;
}

/* ============================================
   SHAPE / DEPTH
   ============================================
   Same tokens for both themes (no reason to vary the shape by theme) -
   Dracula's aesthetic leans crisp/flat, so depth stays subtle. */
:root {
    --radius-box: 1rem;
    --radius-field: 0.75rem;
    --radius-selector: 1rem;
    --depth: 1;
    --noise: 0;
}