@import "tailwindcss";

@plugin "daisyui" {
  themes: false; /* only the two custom "trove"/"trove-dark" themes below — no daisyUI built-ins */
}

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

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

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

  /* base — warm near-white, not the muddy ivory it used to be, so jewel
     accents actually pop instead of sinking into a khaki canvas */
  --color-base-100: #FFFCF9;
  --color-base-200: #F8EFE6;
  --color-base-300: #EAE0D0;
  --color-base-content: #241934; /* deep aubergine ink */

  /* primary = vivid berry, main CTAs (Send inquiry, Save changes) */
  --color-primary: #D6336C;
  --color-primary-content: #FFFFFF;

  /* secondary = jewel teal, supporting emphasis */
  --color-secondary: #0E7C66;
  --color-secondary-content: #FFFFFF;

  /* accent = warm gold, used sparingly — the seal/verified mark, celebratory touches */
  --color-accent: #D9A62A;
  --color-accent-content: #241934;

  /* neutral = deep aubergine, nav/dark surfaces */
  --color-neutral: #241934;
  --color-neutral-content: #F8EFE6;

  /* semantic */
  --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;

  /* shape — still restrained, but a touch softer/friendlier than before */
  --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;

  /* base — dark aubergine surfaces, stepping up in lightness, warm cream text */
  --color-base-100: #1A1224;
  --color-base-200: #241934;
  --color-base-300: #33243F;
  --color-base-content: #F3E9DC;

  /* primary/secondary/accent — same jewel family, brightened a touch so
     they stay vivid against a dark surface instead of reading muddy */
  --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;
}

body { font-family: 'Inter', sans-serif; }
.font-display { font-family: 'Fraunces', serif; }
.font-mono { font-family: 'IBM Plex Mono', monospace; }

/* photo-placeholder duotone blocks, standing in for real portfolio imagery —
   jewel-toned gradients across the brand palette instead of one muted pair */
.ph-1 { background: linear-gradient(135deg, #D6336C 0%, #241934 100%); }
.ph-2 { background: linear-gradient(135deg, #D9A62A 0%, #D6336C 100%); }
.ph-3 { background: linear-gradient(135deg, #0E7C66 0%, #241934 100%); }
.ph-4 { background: linear-gradient(135deg, #241934 0%, #D9A62A 100%); }

@media (prefers-reduced-motion: reduce) {
* { animation: none !important; transition: none !important; }
}