/*
 * EduBuild Design Tokens
 *
 * CSS custom properties used by EduBuild components.
 * Single source of truth for colours, shadows, spacing, and radius.
 *
 * Previously provided by Automatic CSS (removed 2026-03-28).
 * All values are now owned here.
 */

:root {
    /* Brand — verified from ACSS accent hsl(79,26%,50%) in DB backup 2026-03-23 */
    --primary: #8BA05E;

    /* Semantic colours */
    --secondary: #b7a99a;
    --tertiary: #8b8178;
    --success: #7A9F6B;
    --error: #B8746A;
    --warning: #C9A857;
    --info: #7A8FA0;

    /* Text shades */
    --text-primary: #2D3028;
    --text-secondary: #4A4F43;
    --text-muted: #6B7164;
    --text-subtle: #8b9183;

    /* Background shades */
    --bg-body: #F5F3EE;
    --bg-surface: #ffffff;
    --bg-muted: #EBE8E2;
    --bg-subtle: #E2DED6;

    /* Border */
    --border-primary: hsla(0, 0%, 50%, 0.25);

    /* Shadow scale */
    --shadow-primary: hsla(0, 0%, 0%, 0.15);
    --shadow-xs: 0 1px 2px var(--shadow-primary);
    --shadow-s: 0 1.5px 3px var(--shadow-primary);
    --shadow-m: 0 2px 6px var(--shadow-primary);
    --shadow-l: 0 3px 12px var(--shadow-primary);
    --shadow-xl: 0 6px 48px var(--shadow-primary);

    /* Radius */
    --radius-xs: 2px;
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 12px;
    --radius-xl: 16px;
    --radius-full: 999rem;

    /* Spacing scale */
    --space-4xs: 4px;
    --space-3xs: 6px;
    --space-2xs: 8px;
    --space-xs: 12px;
    --space-s: 16px;
    --space-m: 24px;
    --space-l: 32px;
    --space-xl: 48px;
    --space-2xl: 64px;
    --space-3xl: 96px;
    --space-4xl: 128px;
}