/* ==========================================================================
   Site-specific theme overrides

   ONLY KEEP BLOCKS THAT YOU WANT TO OVERRIDE
   ========================================================================== */

/* Override core colours */


:root.light {

    --colour-primary: #eab308;        /* Custom primary brand colour */
    --colour-primary-light: #ca8a04;  /* Lighter shade for hover states */
    --colour-primary-lightest: #d2e3fc; 
    --colour-primary-hover: #ca8a04;

    --colour-secondary: #fbbc05;      /* Secondary accent colour */
    
    --colour-background: #f4f4f4;     /* Main page background */
    --colour-text: #1f2937;           /* Main text colour */
    --colour-text-light: #f9fafb;     /* Text on buttons or dark backgrounds */
    
    /* Status colours */
    --colour-success: #34a853;        /* Completed/valid state */
    --colour-error: #ea4335;          /* Error/invalid state */
    --colour-toast-text: #252525;
    --toast-default-position: 'bottom-center'; /* If this is missing it will default to bottom-center. Options: top-left | top-center | top-right | bottom-left | bottom-center | bttom-right */
    
    /* Card input overrides (if needed) */
    --colour-card-bg: var(--colour-background);
    --colour-card-text: var(--colour-text);
    --colour-card-complete-bg: #e6f4ea;
    --colour-card-complete-text: #0f5132;
    --colour-card-invalid-bg: #fce8e6;
    --colour-card-invalid-text: #a80000;
    --colour-card-border-complete: var(--colour-success);
    --colour-card-border-invalid: var(--colour-error);

    /* Other misc overrides */
    --colour-offwhite: #f5f5f5;
    --colour-nearblack: #1c1c1c;
    --colour-lighter: #666666;

    /* Cookies Banner */
    --cookie-bg: var(--colour-background, #3b3b3b);
    --cookie-text: var(--colour-text, #f1f1f1);
    --cookie-link: var(--colour-secondary, #92ccee);
    --cookie-btn-bg: var(--colour-primary, #f1f1f1);
    --cookie-btn-text: var(--colour-text-light, #3b3b3b);
    --cookie-btn-hover-bg: var(--colour-primary-hover, #92ccee);
    --cookie-btn-hover-text: var(--colour-primary-light, #252525);
    --cookie-shadow: rgba(0, 0, 0, 0.25);

    --colour-input-border:#fff;

    --card: #f9fafb;
    --border: #e5e7eb;
    --accent: #e1e1e1;
}

:root.dark {
    --colour-text: #f9fafb;
    --colour-background: #111827;
    --card: #1f2937;
    --border: #374151;
    --accent: #4b5563;
}

/* Optional: any site-specific tweaks */
body {
    font-family: 'Inter', 'Helvetica Neue', sans-serif;
}

button, .button, .paymentBtn {
    border-radius: 8px; /* Slightly rounder buttons for this site */
}