/* ==========================================================================
   GCM Design Tokens
   CSS custom properties for the Gift Card Manager application.
   All colour, typography, spacing, and visual tokens live here.
   ========================================================================== */

:root {
    /* Brand Colours */
    --gcm-coral: #FF7F50;
    --gcm-coral-hover: #FF6347;
    --gcm-blue: #0077b6;
    --gcm-blue-hover: #005b95;
    --gcm-blue-light: #1e81b0;
    --gcm-teal: #305955;
    --gcm-teal-light: #008080;
    --gcm-teal-hover: #006666;

    /* Neutral Palette */
    --gcm-bg-page: #f4f4f4;
    --gcm-bg-card: #ffffff;
    --gcm-bg-input: #f9f9f9;
    --gcm-bg-hover: #f0f0f0;
    --gcm-bg-header-th: #f5f5f5;
    --gcm-border: #e0e0e0;
    --gcm-text-primary: #333333;
    --gcm-text-muted: #888888;
    --gcm-text-white: #ffffff;

    /* Semantic Colours */
    --gcm-error: #d9534f;
    --gcm-error-hover: #c9302c;
    --gcm-success: #28a745;
    --gcm-disabled-bg: #b0b0b0;
    --gcm-warning: #f0ad4e;
    --gcm-warning-hover: #ec971f;
    --gcm-error-bg: #ffe5e5;

    /* Typography */
    --gcm-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                        'Helvetica Neue', Arial, sans-serif;
    --gcm-font-size-base: 1rem;
    --gcm-font-size-sm: 0.875rem;
    --gcm-font-size-xs: 0.8rem;
    --gcm-font-size-lg: 1.8rem;

    /* Spacing */
    --gcm-spacing-xs: 0.25rem;
    --gcm-spacing-sm: 0.5rem;
    --gcm-spacing-md: 1rem;
    --gcm-spacing-lg: 1.5rem;
    --gcm-spacing-xl: 2rem;

    /* Borders & Radius */
    --gcm-border-radius: 4px;
    --gcm-border-radius-lg: 8px;

    /* Shadows */
    --gcm-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    --gcm-box-shadow-lg: 0 0 10px rgba(0, 0, 0, 0.1);

    /* Layout */
    --gcm-sidebar-width: 220px;
    --gcm-header-height: 56px;

    /* Transitions */
    --gcm-transition: 0.3s ease;
    --gcm-transition-fast: 0.2s ease-in-out;
}