/* Daymark themes - only CSS variables live here */

/* Typography Scale - 4 sizes only */
:root {
  --font-xl: 20px;   /* App title, note title */
  --font-md: 16px;   /* Body text, buttons, inputs */
  --font-sm: 14px;   /* Sidebar items, secondary UI */
  --font-xs: 11px;   /* Timestamps, hints, captions */
}

/* Default = "day" */
:root,
[data-theme="day"] {
  --bg-sidebar: #F1EFE9;
  --bg-main:    #FAF9F6;
  --text-main:  #2B2B2B;
  --text-muted: #6E6A5F;
  --border-color: #E3E0D8;
  --item-hover:  #F6F4EE;
  --item-active: #E3E0D8;
  --accent: #8FA89B;

  --surface-1: #FFFFFF;
  --surface-2: #F6F4EE;
  --surface-border: #E3E0D8;
  --overlay: rgba(0,0,0,0.35);

  --danger: #dc2626;
  --success: #16a34a;
}

/* Dark */
[data-theme="dark"] {
  --bg-sidebar: #0f172a;
  --bg-main: #1e293b;
  --text-main: #f4f4f5;
  --text-muted: #a1a1aa;
  --border-color: #3f3f46;
  --item-hover: #3f3f46;
  --item-active: #52525b;
  --accent: #60a5fa;

  --surface-1: #1e1e1e;
  --surface-2: #111111;
  --surface-border: #333333;
  --overlay: rgba(0,0,0,0.70);

  --danger: #ff5555;
  --success: #50fa7b;
}

/* Spring - Cherry blossoms & fresh leaves */
[data-theme="spring"] {
  --bg-sidebar: #FDF2F8;   /* soft pink */
  --bg-main:    #FFFBFE;   /* near white with warmth */
  --text-main:  #1C1917;   /* warm black */
  --text-muted: #78716C;   /* stone */
  --border-color: #FBCFE8; /* pink border */
  --item-hover: #FCE7F3;   /* lighter pink */
  --item-active: #F9A8D4;  /* medium pink */
  --accent: #059669;       /* emerald green - fresh leaves */

  --surface-1: #FFFFFF;
  --surface-2: #FDF2F8;
  --surface-border: #FBCFE8;
  --overlay: rgba(0,0,0,0.35);

  --danger: #E11D48;       /* rose */
  --success: #059669;
}

/* Fall - Cozy cabin, warm & dark-ish */
[data-theme="fall"] {
  --bg-sidebar: #292017;   /* dark walnut */
  --bg-main:    #3D2E1E;   /* warm brown */
  --text-main:  #F5E6D3;   /* cream */
  --text-muted: #C4A882;   /* tan */
  --border-color: #5C4A36; /* medium brown */
  --item-hover: #4A3828;   /* lighter brown */
  --item-active: #6B5541;  /* highlighted brown */
  --accent: #E07B39;       /* burnt orange */

  --surface-1: #3D2E1E;
  --surface-2: #292017;
  --surface-border: #5C4A36;
  --overlay: rgba(0,0,0,0.50);

  --danger: #EF4444;
  --success: #84CC16;      /* lime - pops against brown */
}