/* ============================================================
   Golden UI — espaçamento, raios, layout, elevação e motion
   ============================================================ */
:root {
  /* raios — médios e modernos, nunca quadrados nem bolha */
  --r-sm: 8px;    /* chips, badges quadrados, checkboxes */
  --r-md: 10px;   /* botões, inputs, itens de nav */
  --r-lg: 14px;   /* cartões, painéis, tabelas */
  --r-xl: 16px;   /* modais, drawers */
  --r-pill: 999px;/* badges de status */

  /* escala de espaçamento */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 22px; /* gutter padrão de tela */ --sp-6: 32px;

  /* layout */
  --sidebar-w: 200px;
  --sidebar-w-slim: 64px;
  --topbar-h: 58px;

  /* elevação — repouso sem sombra; sombra é para o que flutua */
  --shadow-gold: 0 4px 14px rgba(232,184,75,0.25);       /* botão primário */
  --shadow-gold-hover: 0 6px 18px rgba(232,184,75,0.35);
  --shadow-pop: 0 16px 48px rgba(0,0,0,0.5);
  --shadow-modal: 0 24px 80px rgba(0,0,0,0.6);
  --shadow-toast: 0 10px 30px rgba(0,0,0,0.5);

  /* motion — rápido e contido */
  --t-fast: 0.15s; /* @kind other */
  --t-med: 0.2s;   /* @kind other */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */

  /* iconografia — Lucide (CDN), stroke 1.7 quando o SVG é inline */
  --icon-sm: 14px; --icon-md: 16px; --icon-lg: 24px;
  --icon-stroke: 1.7;
}