/* 시요일 — Spacing, radius, shadow, layout.
   Spacing steps and radii are the recurring values measured in the source (not snapped to 8px). */

:root {
  /* Spacing scale (px) — as used across the app */
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 20px;
  --space-9: 24px;
  --space-10: 30px;
  --space-11: 40px;

  /* Screen gutter — 24px on the design frames, 16px on 15-Pro width */
  --gutter: 24px;

  /* Corner radii */
  --radius-sm: 6px;    /* small chips, resend box */
  --radius-md: 12px;   /* cards, buttons, inputs, tiles */
  --radius-pill: 100px;/* segmented tabs, toast */
  --radius-full: 9999px;

  /* Elevation */
  --shadow-card: 0px 0px 6px 0px rgba(75,73,67,0.3);   /* poem card / floating tile */
  --shadow-soft: 0px 2px 8px 0px rgba(23,22,20,0.08);
  --shadow-nav: 0px -2px 12px 0px rgba(23,22,20,0.06); /* bottom-nav lift */

  /* Card gloss — the diagonal light sweep on the "오늘의 시" card */
  --gloss-card: linear-gradient(141.783deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 35%, rgba(255,255,255,0.05) 65%, rgba(0,0,0,0.12) 100%); /* @kind other */

  /* Device */
  --screen-w: 393px;   /* iPhone 15 Pro frame width used throughout */
  --status-bar-h: 54px;
  --nav-h: 70px;
}