/* tokens.css — Design Tokens
 * Sursa unică de adevăr pentru toate valorile vizuale.
 * Valorile hardcoded sunt interzise în afara acestui fișier.
 * Protocol Unificat UI/UX v2.0
 */

:root {
    /* ── Color — Brand ──────────────────────────────────────────── */
    --brand:        #c0392b;
    --brand-hover:  #a93226;
    --brand-soft:   #fdf0ee;
    --brand-muted:  #e8b4b0;

    /* ── Color — Surface ────────────────────────────────────────── */
    --bg:           #f7f5f2;
    --surface:      #ffffff;
    --surface-2:    #f2f0ec;
    --sidebar-bg:   #1a1712;

    /* ── Color — Border ─────────────────────────────────────────── */
    --border:       #e2ded8;
    --border-strong:#c8c4bc;

    /* ── Color — Text ───────────────────────────────────────────── */
    --text-primary:   #1a1712;
    --text-secondary: #5a5650;
    --text-muted:     #9a9690;

    /* ── Color — States ─────────────────────────────────────────── */
    --success:      #1e7e4a;
    --success-bg:   #edf7f1;
    --warning:      #a06000;
    --warning-bg:   #fef8ec;
    --danger:       #c0392b;
    --danger-bg:    #fdf0ee;
    --info:         #0b5394;
    --info-bg:      #e8f0fe;

    /* ── Color — UI ─────────────────────────────────────────────── */
    --focus-ring:    #c0392b;
    --overlay:       rgba(0, 0, 0, 0.48);
    --disabled-bg:   #eeece9;
    --disabled-text: #b0ada8;

    /* ── Sidebar text ───────────────────────────────────────────── */
    --sb-text:       #d4cfc8;
    --sb-text-hover: #ffffff;
    --sb-active-bg:  rgba(192, 57, 43, 0.18);
    --sb-active-text:#e8a59e;

    /* ── Spacing ────────────────────────────────────────────────── */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  24px;
    --space-6:  32px;
    --space-7:  48px;
    --space-8:  64px;
    --space-9:  96px;

    /* ── Typography ─────────────────────────────────────────────── */
    --font-family-base: 'Georgia', 'Times New Roman', serif;
    --font-family-ui:   'system-ui', -apple-system, sans-serif;
    --font-family-mono: 'ui-monospace', 'SFMono-Regular', monospace;

    --font-size-xs:   0.6875rem;   /* 11px */
    --font-size-sm:   0.8125rem;   /* 13px */
    --font-size-base: 1rem;        /* 16px */
    --font-size-md:   1.125rem;    /* 18px */
    --font-size-lg:   1.375rem;    /* 22px */
    --font-size-xl:   clamp(1.75rem, 4vw, 2.5rem);

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold:   700;

    --line-height-tight: 1.25;
    --line-height-base:  1.6;
    --line-height-loose: 1.8;

    /* ── Radius ─────────────────────────────────────────────────── */
    --radius-sm:   3px;
    --radius-md:   6px;
    --radius-lg:   12px;
    --radius-full: 9999px;

    /* ── Shadow ─────────────────────────────────────────────────── */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
    --shadow-lg: 0 16px 40px rgba(0,0,0,0.14), 0 4px 12px rgba(0,0,0,0.08);

    /* ── Z-index ────────────────────────────────────────────────── */
    --z-dropdown: 100;
    --z-sticky:   200;
    --z-overlay:  300;
    --z-modal:    400;
    --z-toast:    500;

    /* ── Motion ─────────────────────────────────────────────────── */
    --duration-fast:   120ms;
    --duration-normal: 220ms;
    --duration-slow:   360ms;
    --easing-default:  cubic-bezier(0.4, 0, 0.2, 1);
    --easing-enter:    cubic-bezier(0, 0, 0.2, 1);
    --easing-exit:     cubic-bezier(0.4, 0, 1, 1);

    /* ── Layout ─────────────────────────────────────────────────── */
    --sidebar-width:      240px;
    --sidebar-width-compact: 64px;
    --topbar-height:      56px;
    --content-max-width:  1200px;
    --content-padding:    clamp(var(--space-4), 4vw, var(--space-7));
}