/* Impending Tech — radii, borders, shadows, motion.
   Rule of thumb: structure is square, controls are softly rounded,
   the mark's tile and the character's frames are very round. */
:root{
  --radius-none:0;          /* panels, specimen frames, table cells */
  --radius-hair:2px;        /* skeleton bars, tiny meters */
  --radius-xs:4px;
  --radius-sm:6px;          /* buttons, inputs */
  --radius-md:8px;
  --radius-lg:12px;         /* cards that float over imagery */
  --radius-xl:20px;
  --radius-2xl:24px;
  --radius-tile:40px;       /* brand badge */
  --radius-appicon:46px;    /* 200px app icon */
  --radius-pill:100px;
  --radius-round:50%;

  --border-hair:1px;
  --border-thick:2px;
  --rule-accent-h:4px;      /* the orange keyline above a headline */
  --rule-accent-w:64px;

  /* Shadows — always warm graphite, never neutral black on light */
  --shadow-none:none;
  --shadow-card:0 8px 16px rgba(46,48,54,.16);
  --shadow-raised:0 12px 24px rgba(46,48,54,.14);
  --shadow-float:0 18px 34px rgba(46,48,54,.18);
  --shadow-hero:0 20px 40px rgba(46,48,54,.18);
  --shadow-pullup:0 -8px 30px rgba(46,48,54,.14);
  --shadow-brand:0 18px 34px rgba(14,91,87,.22);
  --shadow-on-dark:0 24px 44px rgba(0,0,0,.45);
  --shadow-inset-gloss:inset 0 2px 0 rgba(255,255,255,.9);

  /* Character drop shadows (use as filter) */
  --drop-character:drop-shadow(0 40px 60px rgba(46,48,54,.18)); /* @kind shadow */
  --drop-character-sm:drop-shadow(0 24px 40px rgba(46,48,54,.16)); /* @kind shadow */
  --drop-character-dark:drop-shadow(0 30px 60px rgba(0,0,0,.5)); /* @kind shadow */

  /* Motion — short, flat, no bounce */
  --ease-standard:cubic-bezier(.2,.6,.3,1); /* @kind other */
  --ease-exit:cubic-bezier(.4,0,1,1); /* @kind other */
  --dur-instant:90ms; /* @kind other */
  --dur-fast:140ms; /* @kind other */
  --dur-default:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
  --transition-control:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);

  /* Signature backgrounds */
  --bg-dot-grid:radial-gradient(#DCD8CE 1.2px,transparent 1.2px);
  --bg-dot-grid-size:26px 26px;
  --bg-line-grid-dark:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  --bg-line-grid-size:60px 60px;
  --bg-glow-orange:radial-gradient(circle,rgba(255,138,0,.16),rgba(255,138,0,0) 66%);
  --bg-glow-mint:radial-gradient(circle,rgba(41,214,194,.20),rgba(41,214,194,0) 66%);
  --bg-paper-fade:linear-gradient(165deg,#FFFFFF 0%,#F1EEE7 58%,#E8E4DB 100%);
}