/* ===================================================
   UNA Base Design Tokens
   Stable – No Style Library Dependency
   =================================================== */

:root{
  /* ---------- Colors ---------- */
  --una-color-primary:#0a5fff;
  --una-color-on-primary:#ffffff;
  --una-color-secondary:#0f172a;
  --una-color-accent:#22c55e;

  --una-color-text:#111827;
  --una-color-muted:#6b7280;

  --una-color-bg:#ffffff;
  --una-color-surface:#f7f7f8;
  --una-color-bg-1:var(--una-color-surface);
  --una-color-border:#e5e7eb;

  --una-color-success:#16a34a;
  --una-color-warning:#f59e0b;
  --una-color-danger:#dc2626;

  /* ---------- Typography ---------- */
  --una-font-family-base: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --una-font-family-headings: var(--una-font-family-base);

  --una-font-size-base:16px;
  --una-line-height-base:1.7;

  --una-font-weight-regular:400;
  --una-font-weight-medium:500;
  --una-font-weight-bold:700;

  --una-h1-size:2.25rem;
  --una-h2-size:1.875rem;
  --una-h3-size:1.5rem;
  --una-h4-size:1.25rem;
  --una-h5-size:1.125rem;
  --una-h6-size:1rem;

  /* ---------- Spacing ---------- */
  --una-space-2xs:4px;
  --una-space-xs:8px;
  --una-space-sm:12px;
  --una-space-md:16px;
  --una-space-lg:24px;
  --una-space-xl:32px;
  --una-space-2xl:48px;

  /* ---------- Radius ---------- */
  --una-radius-xs:4px;
  --una-radius-sm:6px;
  --una-radius-md:10px;
  --una-radius-lg:16px;
  --una-radius-xl:24px;

  /* ---------- Borders ---------- */
  --una-border-width:1px;
  --una-border-style:solid;

  /* ---------- Shadows ---------- */
  --una-shadow-xs:0 1px 2px rgba(0,0,0,.04);
  --una-shadow-sm:0 2px 6px rgba(0,0,0,.06);
  --una-shadow-md:0 6px 20px rgba(0,0,0,.08);

  /* ---------- Motion ---------- */
  --una-transition-fast:150ms;
  --una-transition-normal:300ms;
  --una-transition-slow:500ms;

  --una-ease-standard:cubic-bezier(.2,.8,.2,1);
}

/* ---------- Base Application ---------- */
body{
  color:var(--una-color-text);
  background-color:var(--una-color-bg);
  font-family:var(--una-font-family-base);
  font-size:var(--una-font-size-base);
  line-height:var(--una-line-height-base);
}

h1{font-size:var(--una-h1-size);}
h2{font-size:var(--una-h2-size);}
h3{font-size:var(--una-h3-size);}
h4{font-size:var(--una-h4-size);}
h5{font-size:var(--una-h5-size);}
h6{font-size:var(--una-h6-size);}