/* ============================================
   ClauseQuill CSS Variables
   Shared design tokens across all pages
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    /* Colors */
    --cq-ink: #0a0a0a;
    --cq-parchment: #faf9f7;
    --cq-warm: #f5f3ef;
    --cq-cream: #fffef9;
    --cq-gold: #b8860b;
    --cq-gold-light: #d4a84b;
    --cq-gold-glow: rgba(184, 134, 11, 0.15);
    --cq-slate: #4a4a4a;
    --cq-muted: #8a8a8a;
    --cq-accent: #1a365d;
    --cq-accent-light: #2c5282;
    --cq-border: rgba(0,0,0,0.08);
    --cq-success: #166534;
    --cq-success-light: #dcfce7;
    --cq-warning: #a16207;
    --cq-warning-light: #fef3c7;
    --cq-danger: #991b1b;
    --cq-user-bg: #1a365d;
    
    /* Typography */
    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'DM Sans', -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    
    /* Easing Functions */
    --ease-elegant: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}