:root {
    /* Jamaica Theme Colors */
    --color-jam-green: #008751;
    --color-jam-green-hover: #006b40;
    --color-jam-green-dark: #004d2e;
    --color-jam-green-glow: rgba(0, 135, 81, 0.25);
    
    --color-jam-gold: #fecb00;
    --color-jam-gold-hover: #e0b300;
    --color-jam-gold-dark: #8a6d00;
    --color-jam-gold-glow: rgba(254, 203, 0, 0.25);
    --color-jam-gold-text: #1a1600;

    --color-jam-red: #d9381e;
    --color-jam-red-hover: #b82810;
    --color-jam-red-dark: #7a1506;
    --color-jam-red-glow: rgba(217, 56, 30, 0.25);

    /* Surface & Canvas (Bitwarden Sleek Dark) */
    --bg-canvas: #0b0f17;
    --bg-surface: #131b26;
    --bg-surface-elevated: #1a2434;
    --bg-input: #0b0f17;
    --bg-subtle: #1c2738;

    /* Borders */
    --border-color: #243247;
    --border-focus: #008751;
    --border-gold: #fecb00;
    --border-danger: #d9381e;

    /* Typography */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-inverted: #0b0f17;

    /* Spacing Scale */
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* Safe Area Insets (iOS / Mobile dynamic bars) */
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-left: env(safe-area-inset-left, 0px);
    --safe-area-right: env(safe-area-inset-right, 0px);

    /* Touch Target Dimensions (WCAG 2.5.5 / Mobile Standard) */
    --touch-target-min: 44px;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.6);

    /* Transitions */
    --transition-fast: 150ms ease-in-out;
    --transition-normal: 250ms ease-in-out;
}
