/**
FileName: assets/css/tokens.css
Version: 1.1.0
Written based on the version: 1.0.0
Purpose: Design tokens for A-SUN Interaction.
Decision Log:
1.1.0 NEW: Added semantic status tokens for success, warning and danger.
1.1.0 NEW: Added radius helpers for liquid toolbar and smaller controls.
1.1.0 NEW: Added shared border/surface tokens to reduce hardcoded colors.
1.0.0 NEW: A-SUN brand colors, typography, radius, spacing.
Dependencies: None
Impact Map: style.css
Used By: Frontend comment block
Namespace-location: CSS variables under :root
Owner: A-SUN Studio
*/

:root {
    /* Core brand colors */
    --color-primary: #a46497;
    --color-accent: #2d5c4d;
    --bg-light: #e7e7e7;
    --bg-dark: #323232;

    /* Semantic colors */
    --asun-success: var(--color-accent);
    --asun-warning: #b45309;
    --asun-warning-strong: #d97706;
    --asun-danger: #b34040;

    /* Typography */
    --font-fa: 'Anjoman', system-ui, sans-serif;
    --font-en: 'Inter', system-ui, sans-serif;

    /* Identity radii */
    --asun-radius: 0 7px 0 7px;
    --asun-radius-sm: 7px;
    --asun-radius-lg: 0 12px 0 12px;

    /* Spacing */
    --asun-space-1: 4px;
    --asun-space-2: 8px;
    --asun-space-3: 12px;
    --asun-space-4: 16px;
    --asun-space-5: 24px;

    /* Shared surfaces / lines */
    --asun-border: rgba(128, 128, 128, 0.18);
    --asun-border-strong: rgba(128, 128, 128, 0.24);
    --asun-surface-soft: rgba(128, 128, 128, 0.06);
    --asun-focus: var(--color-primary);
}