/* ============================================================================
   QLD Shade Sheds - Brand Tokens
   Sampled directly from the logo for exact brand fidelity.
   ============================================================================ */

:root {
    /* Brand colours (extracted from logo_light.png) */
    --qss-orange: #F5882B;
    --qss-orange-dark: #d97419;     /* slightly darker for hover/active */
    --qss-orange-light: #ffa860;    /* lighter tint for backgrounds */
    --qss-grey: #58595B;
    --qss-grey-light: #a0a1a3;      /* lighter grey for borders */
    --qss-grey-pale: #e8e9eb;       /* very light grey for backgrounds */
    --qss-black: #1a1a1a;
    --qss-white: #ffffff;

    /* Status / utility colours */
    --qss-red: #c0392b;             /* error / required */
    --qss-green: #27ae60;           /* success / confirmed */
    --qss-yellow: #f1c40f;          /* warning */

    /* Spacing scale */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    /* Typography */
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --font-mono: 'Source Code Pro', Consolas, monospace;

    /* Borders & radii */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --border-light: 1px solid var(--qss-grey-pale);
    --border-strong: 1px solid var(--qss-grey-light);

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* Reset & base */
*, *::before, *::after { box-sizing: border-box; }
body {
    margin: 0;
    font-family: var(--font-body);
    color: var(--qss-black);
    background: var(--qss-white);
    line-height: 1.5;
}

/* PDF-specific styling will go in print.css and use these same tokens. */