/* Ateliaro Design System v1 tokens: keep this as the single source of truth for shared spacing/type/surfaces */
:root,
:root[data-theme="light"],
[data-bs-theme="light"] {
    --ao-space-xs: 0.25rem;
    --ao-space-s: 0.5rem;
    --ao-space-m: 0.875rem;
    --ao-space-l: 1.25rem;

    --ao-type-section-title: 1rem;
    --ao-type-body: 0.9375rem;
    --ao-type-meta: 0.8125rem;

    --ao-radius-m: 0.75rem;
    --ao-radius-l: 1rem;
    --ao-separator: rgba(15, 23, 42, 0.1);

    --ao-surface-app: #f3f6fb;
    --ao-surface-card: #ffffff;
    --ao-surface-elevated: #f8fbff;
    --ao-border-subtle: rgba(30, 41, 59, 0.12);

    --ao-focus-ring: 0 0 0 0.2rem rgba(79, 70, 229, 0.34);
}

:root[data-theme="dark"],
[data-bs-theme="dark"] {
    --ao-separator: rgba(148, 163, 184, 0.24);
    --ao-surface-app: #0b1220;
    --ao-surface-card: #111a2a;
    --ao-surface-elevated: #162236;
    --ao-border-subtle: rgba(148, 163, 184, 0.28);
    --ao-focus-ring: 0 0 0 0.2rem rgba(129, 140, 248, 0.42);
}