:root {
    /* Zinc Colours */
    --zinc-50: #FAFAFA;
    --zinc-100: #F4F4F5;
    --zinc-200: #E4E4E7;
    --zinc-250: #D9D9DC;
    --zinc-300: #D4D4D8;
    --zinc-350: #C1C1C8;
    --zinc-400: #A1A1AA;
    --zinc-500: #71717A;
    --zinc-600: #52525B;
    --zinc-700: #3F3F46;
    --zinc-800: #2c2c31;
    --zinc-850: #1F1F23;
    --zinc-900: #18181B;
    --zinc-950: #09090B;

    --primary-color: #4a7c59;
    --primary-dark: #3a6047;
    --primary-light: #6b9d7a;
    --secondary-color: #8b6f47;
    --accent-color: #d4a574;
    --text-dark: #2c3e36;
    --text-light: #5a6c64;
    --background-light: #f8f9f7;
    --white: #ffffff;
    --border-color: #e0e5e0;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.15);
    --transition: all 0.3s ease;
    --border-radius: 8px;
    --max-width: 1200px;

    /* Text Colours */
    --primary-text: var(--zinc-950);
    --secondary-text: var(--zinc-700);
    --primary-contrast-text: var(--zinc-50);
    --flyins-logo-text: var(--zinc-400);
    --primary-links: var(--zinc-700);
    --danger-text: #CE3636;

    /* Backgrounds */
    --body-bg: var(--zinc-350);
    --component-bg: var(--zinc-200);
    --component-shadow-bg: var(--zinc-200);
    --panel-bg: var(--zinc-350);
    --component-notch: var(--zinc-400);
    --header-bg: var(--zinc-400);
    --accent-bg: var(--primary-color);
    --menu-bg: var(--primary-color);
    --dotted-bg: rgba(23, 23, 23, 0.3);
    --ticket-bg: var(--zinc-250);
    --component-lighter-bg: var(--zinc-100);
}