/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   TOKENS — William Neves Identity System
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {

  /* ── Cores ── */
  --bg:          #F6F5F1;
  --bg-alt:      #EDECE8;
  --bg-hover:    #E8E7E3;
  --dark:        #0C0C0A;
  --dark-alt:    #161614;
  --dark-border: rgba(246,245,241,0.07);

  --ink:         #0C0C0A;
  --ink-mid:     #6B6963;
  --ink-faint:   rgba(12,12,10,0.08);
  --ink-xfaint:  rgba(12,12,10,0.04);

  --light:       #F6F5F1;
  --light-mid:   rgba(246,245,241,0.45);
  --light-faint: rgba(246,245,241,0.07);

  --accent:          oklch(42% 0.18 18);
  --accent-on-dark:  oklch(54% 0.26 15);
  --accent-faint:    oklch(42% 0.18 18 / 0.10);

  /* ── Status ── */
  --status-pending:    #6B6963;
  --status-pending-bg: rgba(107,105,99,0.08);

  --status-approved:    oklch(42% 0.16 155);
  --status-approved-bg: oklch(42% 0.16 155 / 0.09);

  --status-adjustment:    oklch(52% 0.17 62);
  --status-adjustment-bg: oklch(52% 0.17 62 / 0.10);

  --status-awaiting:    oklch(42% 0.18 18);
  --status-awaiting-bg: oklch(42% 0.18 18 / 0.08);

  --status-published:    oklch(38% 0.14 260);
  --status-published-bg: oklch(38% 0.14 260 / 0.09);

  /* ── Tipografia ── */
  --fd:    'Syne', sans-serif;
  --fb:    'DM Sans', sans-serif;

  /* ── Escala tipográfica ── */
  --text-xs:   10px;
  --text-sm:   12px;
  --text-base: 14px;
  --text-md:   15px;
  --text-lg:   18px;
  --text-xl:   24px;
  --text-2xl:  32px;

  /* ── Espaçamento ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ── Bordas ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* ── Sombras ── */
  --shadow-sm: 0 1px 3px rgba(12,12,10,0.06), 0 1px 2px rgba(12,12,10,0.04);
  --shadow-md: 0 4px 16px rgba(12,12,10,0.08), 0 1px 4px rgba(12,12,10,0.04);
  --shadow-lg: 0 16px 48px rgba(12,12,10,0.12), 0 4px 12px rgba(12,12,10,0.06);
  --shadow-xl: 0 32px 80px rgba(12,12,10,0.16), 0 8px 24px rgba(12,12,10,0.08);

  /* ── Layout ── */
  --sidebar-w: 220px;
  --modal-max: 960px;

  /* ── Transições ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.4, 0, 1, 1);
  --duration: 0.2s;
  --duration-md: 0.35s;
}