/* Ink & Aura Theme - Core Variables
   Purpose: Centralized CSS variables for colors, spacing, fonts, radii, shadows
   Usage: Define :root level variables only; do not include selectors or components beyond variables.
*/

:root {
  /* Colors */
  --color-ivory: #f7f3e8;
  --color-ink: #1a1a1a;
  --color-gold: #c8a96a;
  --color-rose: #c67777;
  --color-muted: #6b6b6b;
  --color-success: #3a8f5c;
  --color-error: #c44747;

  /* Spacing */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;

  /* Typography */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-serif: "Cormorant Garamond", ui-serif, Georgia, Cambria, Times New Roman, Times, serif;

  /* Radii */
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;

  /* Shadows */
  --shadow-soft: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-strong: 0 8px 24px rgba(0,0,0,0.12);
}