/* ═══════════════════════════════════════════════════════════════════
   PMS Hezotech — Design Tokens v0.1.0
   Temă: DARK — negru + orange Hezotech
   Extras din /bkp: accent #F5A623, font Rajdhani, logo/branding
   ═══════════════════════════════════════════════════════════════════ */

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

:root {
    /* ── Fundal & suprafețe ───────────────────────────────────────── */
    --bg:              #0F0F0F;   /* fundal pagină */
    --bg-alt:          #141414;   /* fundal alternativ (secțiuni, bare) */
    --surface:         #1C1C1C;   /* carduri, panouri */
    --surface-2:       #242424;   /* suprafețe ridicate, hover */
    --surface-3:       #2E2E2E;   /* hover secundar */

    /* ── Borduri ─────────────────────────────────────────────────── */
    --border:          #2A2A2A;
    --border-strong:   #3A3A3A;

    /* ── Text ────────────────────────────────────────────────────── */
    --text:            #F2F2F2;   /* text principal — contrast AAA pe --bg */
    --text-2:          #C8C8C8;   /* text secundar */
    --text-muted:      #A0A0A0;   /* text terțiar, placeholder */
    --text-disabled:   #555555;

    /* ── Accent (orange Hezotech) ────────────────────────────────── */
    --accent:          #F5A623;   /* acțiuni primare, stări active */
    --accent-hover:    #D48A0A;
    --accent-dark:     #B87300;
    --accent-muted:    rgba(245, 166, 35, 0.12);
    --accent-border:   rgba(245, 166, 35, 0.30);

    /* ── Culori semantice (contrast AA pe fundal închis) ─────────── */
    --success:         #34C759;   /* #0F0F0F bg → contrast 8.5:1 ✓ */
    --success-muted:   rgba(52, 199, 89, 0.12);
    --success-border:  rgba(52, 199, 89, 0.30);

    --danger:          #FF453A;   /* contrast 5.1:1 ✓ */
    --danger-muted:    rgba(255, 69, 58, 0.12);
    --danger-border:   rgba(255, 69, 58, 0.30);

    --warning:         #FF9F0A;   /* contrast 6.2:1 ✓ */
    --warning-muted:   rgba(255, 159, 10, 0.12);
    --warning-border:  rgba(255, 159, 10, 0.30);

    --info:            #0A84FF;   /* contrast 4.8:1 ✓ */
    --info-muted:      rgba(10, 132, 255, 0.12);
    --info-border:     rgba(10, 132, 255, 0.30);

    /* ── Statusuri rezervări ─────────────────────────────────────── */
    --status-pending:      #FF9F0A;  /* warning */
    --status-confirmed:    #34C759;  /* success */
    --status-checked-in:   #0A84FF;  /* info */
    --status-checked-out:  #A0A0A0;  /* muted */
    --status-cancelled:    #FF453A;  /* danger */
    --status-no-show:      #636363;  /* gray */

    /* ── Header / nav dark ───────────────────────────────────────── */
    --header-bg:       #111111;
    --header-border:   #1E1E1E;
    --nav-active-bg:   rgba(245, 166, 35, 0.14);
    --nav-active-text: #F5A623;
    --nav-text:        #A0A0A0;

    /* ── Layout ──────────────────────────────────────────────────── */
    --header-h:        56px;
    --bottom-nav-h:    60px;
    --sidebar-w:       220px;
    --content-max:     1100px;

    /* ── Forme ───────────────────────────────────────────────────── */
    --radius-xs:       4px;
    --radius-sm:       6px;
    --radius:          10px;
    --radius-lg:       14px;
    --radius-xl:       20px;

    /* ── Umbre ───────────────────────────────────────────────────── */
    --shadow-xs:       0 1px 2px rgba(0,0,0,0.4);
    --shadow-sm:       0 2px 8px rgba(0,0,0,0.5);
    --shadow:          0 4px 16px rgba(0,0,0,0.6);
    --shadow-lg:       0 12px 32px rgba(0,0,0,0.7);

    /* ── Tranziții ───────────────────────────────────────────────── */
    --transition:      140ms ease;
    --transition-slow: 260ms ease;

    /* ── Tipografie ──────────────────────────────────────────────── */
    --font:            -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
    --font-display:    'Rajdhani', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font-mono:       'SF Mono', 'Fira Code', Consolas, monospace;
}