/* Trinitas Studio — Effects: radii, borders, shadows, the gold glow, motion.
   Where the startup template puts a purple glow, we put a gold one. */

:root {
  /* ---- Corner radii (restrained, engineered) ---- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* ---- Borders ---- */
  --border-hairline: 1px;    /* @kind other */
  --border-thick: 1.5px;     /* @kind other */

  /* ---- Shadows: Control Room (dark) — depth + gold rim ---- */
  --shadow-panel: 0 24px 60px -20px rgba(0, 0, 0, 0.7), 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-float: 0 40px 90px -30px rgba(0, 0, 0, 0.8);
  --ring-gold: inset 0 0 0 1px rgba(201, 162, 39, 0.28);   /* @kind shadow */

  /* ---- The gold glow (the signature) ---- */
  --glow-gold-sm: 0 0 0 1px rgba(201, 162, 39, 0.4), 0 0 18px -2px rgba(201, 162, 39, 0.35);
  --glow-gold-md: 0 0 28px -4px rgba(201, 162, 39, 0.45), 0 0 60px -10px rgba(201, 162, 39, 0.3);
  --glow-gold-lg: 0 0 48px -6px rgba(201, 162, 39, 0.5), 0 0 120px -20px rgba(201, 162, 39, 0.35);

  /* ---- Shadows: Modern Practice (light) — soft, warm elevation ---- */
  --shadow-card: 0 1px 2px rgba(16, 16, 16, 0.05), 0 12px 28px -14px rgba(16, 16, 16, 0.18);
  --shadow-card-raised: 0 2px 4px rgba(16, 16, 16, 0.06), 0 24px 48px -18px rgba(16, 16, 16, 0.22);

  /* ---- Motion (cinematic, restrained; motion earns its place) ---- */
  --ease-cine: cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --dur-fast: 140ms;   /* @kind other */
  --dur: 240ms;        /* @kind other */
  --dur-slow: 520ms;   /* @kind other */
}