/* Awesomic — Radius & shadow tokens.
 *
 * Names mirror the production source (theme.css / variables.css / tokens.json)
 * EXACTLY so code written against this system matches the live codebase. The
 * raw `--radius-*` / `--shadow-*` scale below is the canonical API. Clean
 * semantic aliases are layered on top (the source's `--radius-cards` /
 * `--radius-buttons` were invalid CSS — parenthetical text — so we alias them).
 *
 * Maximum roundness is the system's signature: 36px cards, pill controls.
 * Depth is expressed through surface-color steps, NOT drop shadows — the one
 * exception is the layered "pressed-glass" primary button ring (--shadow-subtle).
 */

:root {
  /* ---- Canonical raw radius scale (from source) ---- */
  --radius-md: 6px;
  --radius-xl: 12px;       /* badges */
  --radius-2xl: 16px;      /* rounded-rect panel buttons */
  --radius-2xl-2: 20px;
  --radius-3xl: 24px;
  --radius-3xl-2: 28px;    /* compact cards */
  --radius-3xl-3: 36px;    /* primary cards & portfolio tiles — signature */
  --radius-3xl-4: 40px;    /* icon chips */
  --radius-full: 48px;     /* hero containers, announcement banner */
  --radius-full-2: 56px;
  --radius-full-3: 64px;
  --radius-full-4: 80px;
  --radius-full-5: 1000px;
  --radius-full-6: 10000px; /* pills */

  /* ---- Canonical named radii (valid ones from source) ---- */
  --radius-hero: 48px;
  --radius-pill: 10000px;
  --radius-icons: 40px;
  --radius-badges: 12px;
  --radius-inputs: 14px;

  /* ---- Clean semantic aliases (source's --radius-cards/-buttons were
   *      invalid CSS, so these are the supported card/button tokens) ---- */
  --radius-card: var(--radius-3xl-3);         /* 36px */
  --radius-card-compact: var(--radius-3xl-2); /* 28px */
  --radius-badge: var(--radius-badges);       /* 12px */
  --radius-input: var(--radius-inputs);       /* 14px */
  --radius-button: var(--radius-2xl);         /* 16px rounded-rect */
  --radius-icon: var(--radius-3xl-4);         /* 40px */
  --radius-cards: var(--radius-card);
  --radius-buttons: var(--radius-pill);

  /* ---- Canonical shadows (from source) ---- */
  /* The layered pressed-glass PRIMARY BUTTON ring. Restraint elsewhere. */
  --shadow-subtle:
    rgba(255, 200, 200, 0.25) 0px 0.5px 0px 0px inset,
    rgba(133, 60, 70, 0.45) 0px 9px 14px -5px inset,
    rgb(62, 20, 26) 0px 0px 0px 1.5px,
    rgba(30, 0, 5, 0.18) 0px 4px 6px 0px;
  --shadow-subtle-2: rgb(228, 228, 231) 0px 1px 0px 0px inset;
  --shadow-subtle-3: rgb(255, 255, 255) 0px 0.5px 0px 0px inset;
  --shadow-subtle-4: rgb(255, 255, 255) 0px -0.5px 0px 0px;
  --shadow-subtle-5: rgb(228, 228, 231) 0px -1px 0px 0px;
  --shadow-md: rgba(0, 0, 0, 0.04) 0px 4px 12px 0px;

  /* ---- Semantic shadow aliases ---- */
  --shadow-button-primary: var(--shadow-subtle);
  --shadow-inset-top: var(--shadow-subtle-3);
  --shadow-inset-bottom: var(--shadow-subtle-2);
  --shadow-hairline-bottom: var(--shadow-subtle-5);
}