:root {
  color-scheme: dark;
}


:root:has(input.theme-controller[value=Nautilus]:checked),[data-theme="Nautilus"] {
  /* Dark theme - Nautilus */
  --color-base-100: #0a1622;        /* background */
  --color-base-200: #0d1f2d;        /* component surface */
  --color-base-300: #132a3f;        /* lighter component */
  --color-base-content: #f1f5f9;    /* text on background */
  
  --color-primary: #ea2a33;         /* primary red */
  --color-primary-content: #f1f5f9; /* text on primary */
  
  --color-secondary: #64748b;       /* slate secondary */
  --color-secondary-content: #f1f5f9;
  
  --color-accent: #d4af37;          /* gold tertiary */
  --color-accent-content: #0a1622;  /* dark text on gold */
  
  --color-neutral: #0d1f2d;         /* on-surface */
  --color-neutral-content: #f1f5f9;
  
  --color-info: #3b82f6;
  --color-info-content: #f1f5f9;
  --color-success: #10b981;
  --color-success-content: #f1f5f9;
  --color-warning: #f59e0b;
  --color-warning-content: #0a1622;
  --color-error: #ef4444;
  --color-error-content: #f1f5f9;
  

  --radius-selector: 2rem;
  --radius-field: 0.5rem;
  --radius-box: 1rem;

  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

/* Font setup */
:root {
  --font-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Color Emoji", "Apple Color Emoji";
  --font-heading: "The Nautigal", cursive;
}

html, body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Apply Nautigal to specific headings */
.nautical, .the-nautigal, .heading-font {
  font-family: var(--font-heading);
}

/* Utility: small caps for some titles (optional) */
.heading-smallcaps {
  font-variant: small-caps;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Choices.js Dark Mode - Aligned with daisyUI Nautilus Theme */
    --choices-primary-color: var(--color-secondary);                 /* primary */
    --choices-item-color: var(--color-base-content);                 /* base-content */
    --choices-bg-color: var(--color-accent-content);   /* accent-content */
    --choices-bg-color-dropdown: var(--color-base-200);               /* base-200 */
    --choices-keyline-color: color-mix(in oklab,var(--color-base-content)20%,#0000);                   /* base-300 */
    --choices-bg-color-disabled: var(--color-base-100);               /* base-100 */
    --choices-item-disabled-color: var(--color-secondary);             /* secondary */
    --choices-disabled-color: var(--color-base-300);                  /* base-300 */
    --choices-highlighted-color: var(--color-base-300);               /* base-300 */
    --choices-text-cutoff-color: var(--color-base-content);               /* base-content */
    --choices-icon-cross: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZjFmNWY5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    --choices-icon-cross-inverse: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMGExNjIyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    --choices-border-radius: var(--radius-field); /* Align with daisyUI's field radius */
  }
}