/* =====================================================================
   L2BAZA Design System V1 — Tokens
   Version: 1.5.33
   This is the canonical source for shared visual primitives.
   Legacy page styles should consume these variables instead of defining
   another independent palette/spacing scale.
   ===================================================================== */

:root{
  /* Brand + surfaces */
  --l2-color-bg:#03080b;
  --l2-color-bg-soft:#071016;
  --l2-color-panel:#09131a;
  --l2-color-panel-deep:#050b0f;
  --l2-color-panel-raised:#0d171d;
  --l2-color-line:#68471d;
  --l2-color-line-strong:#8f6224;
  --l2-color-line-soft:#322719;

  /* Text */
  --l2-color-text:#eee7dc;
  --l2-color-text-strong:#fff4de;
  --l2-color-muted:#9ea3a2;
  --l2-color-muted-soft:#777f80;

  /* Semantic accents */
  --l2-color-gold:#d9a640;
  --l2-color-gold-hi:#f0c873;
  --l2-color-gold-deep:#8d5c13;
  --l2-color-purple:#b85bd0;
  --l2-color-green:#69d05a;
  --l2-color-red:#d04c4c;
  --l2-color-blue:#54a8e8;
  --l2-color-warning:#d89f39;

  --l2-status-open:var(--l2-color-green);
  --l2-status-upcoming:var(--l2-color-purple);
  --l2-status-warning:var(--l2-color-warning);
  --l2-status-danger:var(--l2-color-red);
  --l2-status-verified:var(--l2-color-blue);

  /* Type */
  --l2-font-ui:Arial,Helvetica,sans-serif;
  --l2-font-display:Georgia,"Times New Roman",serif;
  --l2-text-xs:11px;
  --l2-text-sm:12px;
  --l2-text-md:14px;
  --l2-text-lg:16px;
  --l2-title-sm:22px;
  --l2-title-md:28px;
  --l2-title-lg:40px;
  --l2-title-xl:46px;
  --l2-line-body:1.58;

  /* Spacing — only this scale should be used by new shared components */
  --l2-space-1:4px;
  --l2-space-2:8px;
  --l2-space-3:12px;
  --l2-space-4:16px;
  --l2-space-5:24px;
  --l2-space-6:32px;
  --l2-space-7:48px;

  /* Geometry */
  --l2-radius-xs:4px;
  --l2-radius-sm:6px;
  --l2-radius-md:8px;
  --l2-radius-lg:10px;
  --l2-control-sm:38px;
  --l2-control-md:40px;
  --l2-control-lg:44px;
  --l2-content-max:1540px;
  --l2-content-width:92vw;
  --l2-header-desktop:64px;
  --l2-header-mobile:56px;

  /* Depth */
  --l2-shadow-panel:0 16px 36px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,219,144,.035);
  --l2-shadow-raised:0 12px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,217,137,.055);
  --l2-shadow-focus:0 0 0 3px rgba(240,200,115,.18);

  /* Motion */
  --l2-ease:cubic-bezier(.2,.7,.2,1);
  --l2-motion-fast:140ms;
  --l2-motion-normal:180ms;

  /* Layering */
  --l2-z-header:1200;
  --l2-z-menu:1250;
  --l2-z-modal:2000;
}