@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
  @import "tailwindcss";
  @plugin "daisyui" {
    themes: false; /* only the two custom "trove"/"trove-dark" themes below — no daisyUI built-ins */
  }

  @theme {
    --font-display: "Fraunces", serif;
    --font-sans: "Inter", sans-serif;
    --font-mono: "IBM Plex Mono", monospace;
  }

  /* Sidebar state. #nav-toggle is the hidden checkbox in the vendor layout.
     Unchecked = default (rail on mobile, expanded on desktop).
     Checked   = flipped (expanded on mobile, rail on desktop). */
  @custom-variant nav-checked (&:is(:where(body:has(#nav-toggle:checked)) *));
 
  @plugin "daisyui/theme" {
    name: "trove";
    default: true;
    prefersdark: false;
    color-scheme: light;

    --color-base-100: #FFFCF9;
    --color-base-200: #F8EFE6;
    --color-base-300: #EAE0D0;
    --color-base-content: #241934;

    --color-primary: #D6336C;
    --color-primary-content: #FFFFFF;

    --color-secondary: #0E7C66;
    --color-secondary-content: #FFFFFF;

    --color-accent: #D9A62A;
    --color-accent-content: #241934;

    --color-neutral: #241934;
    --color-neutral-content: #F8EFE6;

    --color-info: #4C6EF5;
    --color-success: #0E9F6E;
    --color-warning: #D9A62A;
    --color-error: #DC2626;
    --color-info-content: #FFFFFF;
    --color-success-content: #FFFFFF;
    --color-warning-content: #241934;
    --color-error-content: #FFFFFF;

    --radius-selector: 0.375rem;
    --radius-field: 0.5rem;
    --radius-box: 0.85rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  @plugin "daisyui/theme" {
    name: "trove-dark";
    default: false;
    prefersdark: true;
    color-scheme: dark;

    --color-base-100: #1A1224;
    --color-base-200: #241934;
    --color-base-300: #33243F;
    --color-base-content: #F3E9DC;

    --color-primary: #ED4C88;
    --color-primary-content: #1A1224;

    --color-secondary: #14A085;
    --color-secondary-content: #1A1224;

    --color-accent: #E5B93A;
    --color-accent-content: #1A1224;

    --color-neutral: #120B1A;
    --color-neutral-content: #F3E9DC;

    --color-info: #6B85FF;
    --color-success: #17B482;
    --color-warning: #E5B93A;
    --color-error: #EF4444;
    --color-info-content: #1A1224;
    --color-success-content: #1A1224;
    --color-warning-content: #1A1224;
    --color-error-content: #1A1224;

    --radius-selector: 0.375rem;
    --radius-field: 0.5rem;
    --radius-box: 0.85rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
  }

  .font-display { font-family: var(--font-display); font-optical-sizing: auto; }
  .font-mono { font-family: var(--font-mono); }

  .rail-link.active {
    background: color-mix(in oklch, var(--color-primary) 10%, transparent);
    position: relative;
  }
  .rail-link.active::before {
    content: "";
    position: absolute;
    left: 0; top: 8px; bottom: 8px; width: 3px;
    background: var(--color-primary);
    border-radius: 0 3px 3px 0;
  }
 
  .inquiry-msg {
    max-width: 60ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }