/**
 * Desda Group brand tokens — sourced from desda.com.au/BrandKit
 */
:root {
    --desda-navy: #002855;
    --desda-navy-hover: #003875;
    --desda-light-blue: #8BB8E8;
    --desda-white: #ffffff;
    --desda-grey-bg: #F2F4F7;
    --desda-grey-muted: #6B7280;
    --desda-charcoal: #1F2937;
    --desda-border: #e5e7eb;
    --desda-teal: #0D9488;
    --desda-amber: #D97706;
    --desda-red: #DC2626;
    --desda-green: #16A34A;

    /* Labs semantic tokens — light (default) */
    --labs-bg: var(--desda-grey-bg);
    --labs-surface: var(--desda-white);
    --labs-surface-secondary: var(--desda-white);
    --labs-header-bg: var(--desda-navy);
    --labs-header-text: var(--desda-white);
    --labs-header-muted: var(--desda-light-blue);
    --labs-text: var(--desda-charcoal);
    --labs-text-secondary: var(--desda-grey-muted);
    --labs-text-muted: #9CA3AF;
    --labs-accent: var(--desda-light-blue);
    --labs-accent-strong: var(--desda-navy);
    --labs-border: var(--desda-border);
    --labs-shadow: 0 2px 8px rgba(0, 40, 85, 0.08);
    --labs-shadow-lg: 0 12px 40px rgba(0, 40, 85, 0.12);
    --labs-radius: 8px;
    --labs-radius-lg: 12px;

    /* App semantic tokens — light (default) */
    --app-bg: var(--desda-grey-bg);
    --app-surface: var(--desda-white);
    --app-surface-secondary: var(--desda-white);
    --app-header-bg: var(--desda-navy);
    --app-header-text: var(--desda-white);
    --app-header-muted: var(--desda-light-blue);
    --app-text: var(--desda-charcoal);
    --app-text-secondary: var(--desda-grey-muted);
    --app-text-muted: #9CA3AF;
    --app-accent: var(--desda-light-blue);
    --app-accent-strong: var(--desda-navy);
    --app-border: var(--desda-border);
    --app-shadow: 0 2px 8px rgba(0, 40, 85, 0.08);
    --app-shadow-lg: 0 12px 40px rgba(0, 40, 85, 0.12);

    /* Canonical aliases used across app templates */
    --bg-primary: var(--app-bg);
    --bg-secondary: var(--app-surface);
    --bg-tertiary: #E8ECF1;
    --bg-card: var(--app-surface);
    --bg-elevated: var(--app-surface);
    --text-primary: var(--app-text);
    --text-secondary: var(--app-text-secondary);
    --text-muted: var(--app-text-muted);
    --accent-blue: var(--desda-navy);
    --accent-primary: var(--desda-navy);
    --accent-secondary: var(--desda-light-blue);
    --accent-green: var(--desda-green);
    --accent-red: var(--desda-red);
    --accent-orange: var(--desda-amber);
    --accent-purple: var(--desda-navy);
    --accent-cyan: var(--desda-teal);
    --accent-success: var(--desda-green);
    --accent-warning: var(--desda-amber);
    --accent-danger: var(--desda-red);
    --border-color: var(--app-border);
    --border-light: var(--desda-border);
    --shadow: var(--app-shadow-lg);
    --radius: var(--labs-radius);
    --radius-lg: var(--labs-radius-lg);
}

[data-theme="dark"] {
    --labs-bg: #001429;
    --labs-surface: #002952;
    --labs-surface-secondary: #003366;
    --labs-header-bg: #001429;
    --labs-header-text: var(--desda-white);
    --labs-header-muted: var(--desda-light-blue);
    --labs-text: #e8f0f8;
    --labs-text-secondary: var(--desda-light-blue);
    --labs-text-muted: #6B8BB8;
    --labs-accent: var(--desda-light-blue);
    --labs-accent-strong: var(--desda-white);
    --labs-border: #003d7a;
    --labs-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --labs-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.4);

    --app-bg: var(--labs-bg);
    --app-surface: var(--labs-surface);
    --app-surface-secondary: var(--labs-surface-secondary);
    --app-header-bg: var(--labs-header-bg);
    --app-header-text: var(--labs-header-text);
    --app-header-muted: var(--labs-header-muted);
    --app-text: var(--labs-text);
    --app-text-secondary: var(--labs-text-secondary);
    --app-text-muted: var(--labs-text-muted);
    --app-accent: var(--labs-accent);
    --app-accent-strong: var(--labs-accent-strong);
    --app-border: var(--labs-border);
    --app-shadow: var(--labs-shadow);
    --app-shadow-lg: var(--labs-shadow-lg);

    --bg-primary: var(--app-bg);
    --bg-secondary: var(--app-surface);
    --bg-tertiary: var(--app-surface-secondary);
    --bg-card: var(--app-surface);
    --bg-elevated: var(--app-surface-secondary);
    --text-primary: var(--app-text);
    --text-secondary: var(--app-text-secondary);
    --text-muted: var(--app-text-muted);
    --accent-blue: var(--desda-light-blue);
    --accent-primary: var(--desda-light-blue);
    --accent-secondary: var(--desda-white);
    --border-color: var(--app-border);
    --border-light: var(--labs-border);
    --shadow: var(--app-shadow-lg);
}