:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Work Sans', system-ui, -apple-system, sans-serif;

  --radius: 0.5rem;

  /* Tailwind-equivalent shadow scale, muted slightly for the warm palette. */
  --shadow-sm: 0 1px 2px rgba(45, 42, 38, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(45, 42, 38, 0.08), 0 2px 4px -2px rgba(45, 42, 38, 0.05);
  --shadow-lg: 0 12px 24px -6px rgba(45, 42, 38, 0.16), 0 6px 10px -4px rgba(45, 42, 38, 0.08);
}

/* Terracotta — warm, earthy. The default theme. */
:root,
[data-theme="terracotta"] {
  --color-bg:          #faf8f3;
  --color-fg:          #2d3748;
  --color-card:        #ffffff;
  --color-primary:     #d97642;
  --color-secondary:   #e8d4a0;
  --color-muted-bg:    #f5f0e6;
  --color-muted-fg:    #64748b;
  --color-accent:      #d4a955;
  --color-destructive: #c17767;
  --color-border:      rgba(217, 118, 66, 0.15);
  --pad-slot-1:  #75603f; /* fuller taupe   */
  --pad-slot-2:  #968351; /* fuller gold    */
  --pad-slot-3:  #b9748f; /* fuller rose    */
  --pad-slot-4:  #b06352; /* fuller coral   */
  --pad-slot-5:  #5e7561; /* fuller sage    */
  --pad-slot-6:  #4f7176; /* fuller teal    */
  --pad-slot-7:  #a36e54; /* fuller copper  */
  --pad-slot-8:  #84738f; /* fuller mauve   */
  --pad-slot-9:  #b08a51; /* fuller wheat   */
  --pad-slot-10: #4f6155; /* deeper forest  */
}

/* Sage — fresh, contrasty. Deep teal ink on pale mint, with a bold slot palette. */
[data-theme="sage"] {
  --color-bg:          #f4faf7;
  --color-fg:          #1c2e2a;
  --color-card:        #ffffff;
  --color-primary:     #2f7d68;
  --color-secondary:   #c8e0d3;
  --color-muted-bg:    #e8f0ea;
  --color-muted-fg:    #5a6b62;
  --color-accent:      #d4843a;
  --color-destructive: #c44d4d;
  --color-border:      rgba(47, 125, 104, 0.18);
  --pad-slot-1:  #2f7d68; /* rich teal      */
  --pad-slot-2:  #d4843a; /* warm amber     */
  --pad-slot-3:  #c44d4d; /* muted ruby     */
  --pad-slot-4:  #7a5fb8; /* plum           */
  --pad-slot-5:  #3a87a8; /* teal blue      */
  --pad-slot-6:  #b08d2e; /* mustard        */
  --pad-slot-7:  #8c6a4f; /* cocoa          */
  --pad-slot-8:  #5a8a6e; /* sage           */
  --pad-slot-9:  #d27ba0; /* rose           */
  --pad-slot-10: #3d6b8a; /* indigo         */
}

/* Blossom — cool, floral. */
[data-theme="blossom"] {
  --color-bg:          #fef7fb;
  --color-fg:          #554994;
  --color-card:        #ffffff;
  --color-primary:     #F675A8;
  --color-secondary:   #FFCCB3;
  --color-muted-bg:    #fff5f9;
  --color-muted-fg:    #7a6aa8;
  --color-accent:      #F29393;
  --color-destructive: #c17767;
  --color-border:      rgba(246, 117, 168, 0.15);
  --pad-slot-1:  #9075a0; /* deeper mauve    */
  --pad-slot-2:  #c78686; /* fuller rose     */
  --pad-slot-3:  #d99070; /* deeper peach    */
  --pad-slot-4:  #8a82b8; /* fuller lavender */
  --pad-slot-5:  #7d9b82; /* present sage    */
  --pad-slot-6:  #7aa0a4; /* fuller teal     */
  --pad-slot-7:  #c79866; /* fuller sand     */
  --pad-slot-8:  #a382a0; /* fuller mauve    */
  --pad-slot-9:  #6c8694; /* fuller blue     */
  --pad-slot-10: #b08580; /* fuller blush    */
}