@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    /* Brand colors — sage green palette (WCAG AA compliant) */
    --color-primary: #94af9a;
    --color-primary-dark: #7a9680;
    --color-primary-light: #c4d5c8;
    --color-accent: #D2691E;

    /* Action green — dark forest green for buttons, money, CTAs */
    --color-green: #2c5f2d;
    --color-green-dark: #1f4620;
    --color-green-bright: #28a745;

    /* Neutrals */
    --color-bg: #f5f5f5;
    --color-bg-warm: #F5F0E8;
    --color-text: #333;
    --color-text-muted: #595959;
    --color-text-light: #767676;
    --color-border: #ddd;
    --color-border-light: #eee;

    /* Semantic - Danger */
    --color-danger: #dc3545;
    --color-danger-dark: #c82333;

    /* Semantic - Secondary */
    --color-secondary: #6c757d;
    --color-secondary-dark: #5a6268;

    /* Status badges */
    --status-pending-bg: #fff3cd;
    --status-pending-text: #856404;
    --status-confirmed-bg: #d4edda;
    --status-confirmed-text: #155724;
    --status-completed-bg: #d1ecf1;
    --status-completed-text: #0c5460;
    --status-cancelled-bg: #f8d7da;
    --status-cancelled-text: #721c24;

    /* Alerts */
    --alert-success-bg: #d4edda;
    --alert-success-text: #155724;
    --alert-success-border: #c3e6cb;
    --alert-danger-bg: #f8d7da;
    --alert-danger-text: #721c24;
    --alert-danger-border: #f5c6cb;
    --alert-info-bg: #d1ecf1;
    --alert-info-text: #0c5460;
    --alert-info-border: #bee5eb;

    /* Environment banner */
    --env-banner-bg: #c35000;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 2px 8px rgba(0,0,0,0.1);
    --shadow-lg: 0 4px 12px rgba(0,0,0,0.12);

    /* Typography */
    --font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-display: 'Cinzel', Georgia, serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    /* Border radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-pill: 99px;

    /* Card design tokens */
    --color-green-light: #e8f5e5;
    --color-green-pill: #c8e8c3;

    /* Customer-side accent colors */
    --color-warm-bg: #fff8f0;
    --color-warm-border: #e8d5c4;
    --color-warm-hover: #faf6f2;
    --color-badge-bg: #f0e6dc;
}