/* ============================================================
   Umoona Opal Mine — SPACING, RADIUS, SHADOW, LAYOUT TOKENS
   ============================================================ */
:root {
  /* ---- Spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 14px;
  --sp-5: 18px;
  --sp-6: 22px;
  --sp-7: 28px;
  --sp-8: 34px;
  --sp-9: 44px;
  --sp-10: 60px;
  --sp-11: 76px;

  /* Section rhythm (marketing) */
  --section-pad: clamp(48px, 6vw, 76px) clamp(24px, 4vw, 44px); /* @kind other */
  --grid-gap: 22px;      /* 3-col / 2-col card grids (14–22) */
  --grid-gap-sm: 14px;

  /* ---- Radius ---- */
  --r-pill:   999px;
  --r-sm:     6px;    /* pills / small chips */
  --r-input:  9px;    /* buttons + inputs (9–11) */
  --r-input-lg: 11px;
  --r-card:   16px;   /* marketing card */
  --r-card-adm: 14px; /* admin card */
  --r-card-app: 20px; /* app card (14–22) */
  --r-modal:  16px;

  /* ---- Borders ---- */
  --bd-light:       1px solid var(--line);            /* card on light */
  --bd-light-soft:  1px solid var(--line-soft);       /* table row divider */
  --bd-dark:        1px solid rgba(255,255,255,.09); /* @kind other */ /* card on dark */
  --bd-app:         1px solid rgba(255,255,255,.12); /* @kind other */ /* app card border */
  --bd-cta:         2px solid var(--opal-flame);      /* header accent bar */

  /* ---- Shadow ---- */
  --sh-header:   0 8px 26px rgba(0,0,0,.45);        /* fixed marketing header */
  --sh-dropdown: 0 18px 40px rgba(0,0,0,.16);       /* light dropdown / modal */
  --sh-card-app: 0 16px 40px -14px rgba(0,0,0,.7);  /* elevated app card */
  --sh-toast:    0 14px 40px rgba(0,0,0,.25);       /* admin toast */
  --sh-sidebar:  2px 0 18px rgba(0,0,0,.14);        /* admin sidebar */

  /* ---- Layout ---- */
  --shaft-w: 87px; /* @kind spacing */
  --shaft-w-r: 34px; /* @kind spacing */
  --shaft-break: 1080px; /* @kind spacing */
  --nav-break: 1240px; /* @kind spacing */
  --admin-side-w: 248px; /* @kind spacing */
  --app-max-w: 520px; /* @kind spacing */
}