/* Brand-agnostic design tokens — overridden by brand-*.css */
:root {
    /* Brand colours (Panda defaults) */
    --brand-primary: #00A651;
    --brand-primary-dark: #008C44;
    --brand-primary-light: #E8F5E9;
    --brand-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --brand-login-bg: #F5F5F5;

    /* Semantic tokens */
    --bg-page: #F5F5F5;
    --bg-card: #FFFFFF;
    --text-primary: #212121;
    --text-secondary: #757575;
    --border: #E0E0E0;
    --error: #D32F2F;
    --success: #2E7D32;

    /* Spacing & shape */
    --radius: 16px;
    --radius-sm: 10px;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);

    /* Brand gradient (auto-adapts to brand colours) */
    --brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
}