/*
 * Invoice theme design tokens.
 *
 * Valorile de bază provin din invoice.scss. Token-urile marcate ca extensii
 * completează stările necesare unei aplicații, fără să schimbe paleta-sursă.
 * Acest fișier trebuie încărcat după modern.css, deoarece modern.css își declară
 * propriile variabile :root.
 */

:root {
    color-scheme: light;

    /* Paleta extrasă direct din invoice.scss. */
    --invoice-theme-primary: #26358c;
    --invoice-theme-primary-dark: #18245f;
    --invoice-theme-primary-soft: #eef1ff;
    --invoice-theme-accent: #d91e7a;
    --invoice-theme-accent-soft: #fff0f7;

    --invoice-theme-success: #16805c;
    --invoice-theme-success-soft: #eaf8f2;
    --invoice-theme-warning: #a86508;
    --invoice-theme-warning-soft: #fff7e8;
    --invoice-theme-info: #2869a8;
    --invoice-theme-info-soft: #eef6ff;

    --invoice-theme-text: #172033;
    --invoice-theme-text-secondary: #3f4a5e;
    --invoice-theme-text-muted: #6f798a;
    --invoice-theme-text-subtle: #939cab;
    --invoice-theme-text-muted-ui: #626d7f;
    --invoice-theme-border: #e2e6ed;
    --invoice-theme-border-strong: #d3d9e3;
    --invoice-theme-surface: #ffffff;
    --invoice-theme-surface-soft: #f7f8fb;
    --invoice-theme-surface-muted: #f1f3f7;
    --invoice-theme-canvas: #edf1f6;

    /* Extensii semantice derivate din paleta facturii. */
    --invoice-theme-danger: #b21b4d;
    --invoice-theme-danger-soft: #fff0f7;
    --invoice-theme-success-text: #147453;
    --invoice-theme-warning-text: #955906;
    --invoice-theme-success-border: #b9dccf;
    --invoice-theme-warning-border: #e3c99d;
    --invoice-theme-danger-border: #e4b8c7;
    --invoice-theme-info-border: #bfd3e6;

    --invoice-theme-font-sans: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --invoice-theme-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --invoice-theme-line-height: 1.5;

    --invoice-theme-space-1: 4px;
    --invoice-theme-space-2: 8px;
    --invoice-theme-space-3: 12px;
    --invoice-theme-space-4: 16px;
    --invoice-theme-space-5: 20px;
    --invoice-theme-space-6: 24px;
    --invoice-theme-space-8: 32px;

    --invoice-theme-radius-sm: 7px;
    --invoice-theme-radius-md: 11px;
    --invoice-theme-radius-lg: 18px;
    --invoice-theme-radius-pill: 999px;

    --invoice-theme-shadow-xs: 0 2px 8px rgba(23, 32, 51, 0.04);
    --invoice-theme-shadow-sm: 0 6px 18px rgba(23, 32, 51, 0.08);
    --invoice-theme-shadow-md: 0 12px 36px rgba(23, 32, 51, 0.07);
    --invoice-theme-shadow-lg: 0 24px 70px rgba(23, 32, 51, 0.12);
    --invoice-theme-focus-ring: 0 0 0 3px rgba(38, 53, 140, 0.20);
    --invoice-theme-transition: 160ms ease;

    /* Aliasuri pentru contractul public folosit deja de modern.css. */
    --app-bg: var(--invoice-theme-canvas);
    --surface: var(--invoice-theme-surface);
    --surface-muted: var(--invoice-theme-surface-soft);
    --border: var(--invoice-theme-border);
    --border-strong: var(--invoice-theme-border-strong);
    --text-primary: var(--invoice-theme-text);
    --text-secondary: var(--invoice-theme-text-secondary);
    --text-muted: var(--invoice-theme-text-muted-ui);
    --accent: var(--invoice-theme-primary);
    --accent-hover: var(--invoice-theme-primary-dark);
    --accent-soft: var(--invoice-theme-primary-soft);
    --success: var(--invoice-theme-success-text);
    --success-soft: var(--invoice-theme-success-soft);
    --success-border: var(--invoice-theme-success-border);
    --danger: var(--invoice-theme-danger);
    --danger-soft: var(--invoice-theme-danger-soft);
    --danger-border: var(--invoice-theme-danger-border);
    --warning: var(--invoice-theme-warning-text);
    --warning-soft: var(--invoice-theme-warning-soft);
    --warning-border: var(--invoice-theme-warning-border);
    --info: var(--invoice-theme-info);
    --info-soft: var(--invoice-theme-info-soft);
    --info-border: var(--invoice-theme-info-border);
    --radius-sm: var(--invoice-theme-radius-sm);
    --radius-md: var(--invoice-theme-radius-md);
    --radius-lg: var(--invoice-theme-radius-lg);
    --shadow-xs: var(--invoice-theme-shadow-xs);
    --shadow-sm: var(--invoice-theme-shadow-sm);
    --shadow-md: var(--invoice-theme-shadow-md);
    --shadow-lg: var(--invoice-theme-shadow-lg);
    --font-sans: var(--invoice-theme-font-sans);

    /* Bootstrap citește aceste valori în utilitățile sale text-bg/bg/border. */
    --bs-primary: #26358c;
    --bs-primary-rgb: 38, 53, 140;
    --bs-secondary: #6f798a;
    --bs-secondary-rgb: 111, 121, 138;
    --bs-success: #16805c;
    --bs-success-rgb: 22, 128, 92;
    --bs-danger: #b21b4d;
    --bs-danger-rgb: 178, 27, 77;
    --bs-warning: #a86508;
    --bs-warning-rgb: 168, 101, 8;
    --bs-info: #2869a8;
    --bs-info-rgb: 40, 105, 168;
    --bs-body-color: #172033;
    --bs-body-color-rgb: 23, 32, 51;
    --bs-body-bg: #edf1f6;
    --bs-body-bg-rgb: 237, 241, 246;
    --bs-border-color: #e2e6ed;
    --bs-link-color: #26358c;
    --bs-link-color-rgb: 38, 53, 140;
    --bs-link-hover-color: #18245f;
    --bs-link-hover-color-rgb: 24, 36, 95;
    --bs-focus-ring-color: rgba(38, 53, 140, 0.20);
    --bs-border-radius: 7px;
    --bs-border-radius-sm: 7px;
    --bs-border-radius-lg: 11px;
}