/* ============================================================
   Nicoka design tokens — Employee bundle
   Shared CSS custom properties for the "Mon Profil" redesign
   and subsequent Employee screens.
   Prefix: --nk-* (avoids collisions with Bootstrap --bs-*).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    /* --- Colors: text -------------------------------------- */
    --nk-ink:        #1a1714;
    --nk-ink-2:      #3a342c;
    --nk-mute:       #7a7164;

    /* --- Colors: surfaces & rules ------------------------- */
    --nk-rule:       rgba(0, 0, 0, 0.08);
    --nk-bg:         #f7f5f1;
    --nk-panel:      #ffffff;

    /* --- Colors: sidebar rail ----------------------------- */
    --nk-rail:       #15110d;
    --nk-rail-ink:   #a8a094;

    /* --- Colors: accent (amber) --------------------------- */
    --nk-accent:        oklch(0.62 0.16 50);
    --nk-accent-soft:   oklch(0.96 0.04 60);
    --nk-accent-ink:    oklch(0.42 0.13 45);

    /* --- Colors: semantic (mockup KPI tones) -------------- */
    /* Green — "Prochaine absence" tile */
    --nk-success:        oklch(0.58 0.13 150);
    --nk-success-soft:   oklch(0.93 0.06 150);
    --nk-success-ink:    oklch(0.50 0.12 150);

    /* Violet — "Formation" tile */
    --nk-violet:         oklch(0.56 0.13 295);
    --nk-violet-soft:    oklch(0.93 0.05 295);
    --nk-violet-ink:     oklch(0.52 0.13 295);

    /* --- Typography: family ------------------------------- */
    --nk-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* --- Typography: weight ------------------------------- */
    --nk-fw-light:    300;
    --nk-fw-regular:  400;
    --nk-fw-medium:   500;
    --nk-fw-semibold: 600;
    --nk-fw-bold:     700;

    /* --- Typography: size scale --------------------------- */
    --nk-fs-label:    11px;   /* labels, micro-copy */
    --nk-fs-body-sm:  12px;   /* secondary body */
    --nk-fs-body:     13px;   /* default body */
    --nk-fs-body-lg:  14px;   /* emphasized body */
    --nk-fs-h2:       17px;   /* section title */
    --nk-fs-h1:       26px;   /* page title */

    /* --- Typography: tracking ----------------------------- */
    --nk-tracking-h1: -0.02em;
    --nk-tracking-h2: -0.01em;

    /* --- Radii ------------------------------------------- */
    --nk-radius-sm:  7px;
    --nk-radius-md:  8px;
    --nk-radius-lg:  10px;
    --nk-radius-xl:  14px;

    /* --- Elevations -------------------------------------- */
    --nk-shadow-card:
        0 1px 0 rgba(0, 0, 0, 0.04),
        0 8px 24px -16px rgba(0, 0, 0, 0.18);
}