/* Radii stay small and structural — this is a show about square lumber, not soft SaaS.
   Only two things are fully round: play buttons and social/platform icon chips. */
:root{
  --radius-none:0px;
  --radius-sm:3px;
  --radius-md:6px;    /* default: cards, inputs, buttons */
  --radius-lg:10px;   /* hero player, large media */
  --radius-pill:999px;

  --border-1:1px; --border-2:2px; --border-3:3px;

  /* Shadows: low, warm-neutral, never colored glow */
  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(14,14,15,.06);
  --shadow-card:0 1px 3px rgba(14,14,15,.07),0 8px 20px -12px rgba(14,14,15,.14);
  --shadow-card-hover:0 2px 6px rgba(14,14,15,.09),0 18px 36px -18px rgba(14,14,15,.22);
  --shadow-pop:0 24px 64px -24px rgba(14,14,15,.45);
  --shadow-inset-hairline:inset 0 -1px 0 var(--border-hairline);
  --shadow-accent-press:inset 0 2px 0 rgba(14,14,15,.16);
  --ring-focus:0 0 0 3px rgba(255,90,31,.45);

  /* Protection gradient for text over photography */
  --scrim-bottom:linear-gradient(to top,rgba(14,14,15,.92) 0%,rgba(14,14,15,.6) 38%,rgba(14,14,15,0) 78%); /* @kind color */
  --scrim-flat:rgba(14,14,15,.6);
  --blur-glass:saturate(140%) blur(14px); /* @kind other */
}