/* Toshin Group — Effects: radii, borders, shadows, motion
   Restrained corporate radii (4–8px). Squared, engineered feel.
   Shadows are cool-tinted (indigo-based), soft, never heavy/colorful. */
:root {
  /* Radii — small, precise. Pills only for tags/status. */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* Border widths */
  --border-hairline: 1px;
  --border-thick: 2px;
  --border-accent: 3px; /* left/top accent rules on cards & quotes */

  /* Shadows — cool indigo tint, layered, subtle */
  --shadow-xs: 0 1px 2px rgba(28, 30, 74, 0.06);
  --shadow-sm: 0 1px 3px rgba(28, 30, 74, 0.08), 0 1px 2px rgba(28, 30, 74, 0.06);
  --shadow-md: 0 4px 12px rgba(28, 30, 74, 0.10), 0 2px 4px rgba(28, 30, 74, 0.06);
  --shadow-lg: 0 12px 28px rgba(28, 30, 74, 0.14), 0 4px 8px rgba(28, 30, 74, 0.08);
  --shadow-xl: 0 24px 56px rgba(28, 30, 74, 0.18);

  /* Focus ring */
  --ring-focus: 0 0 0 3px rgba(110, 114, 194, 0.45);

  /* Motion — quick, confident, no bounce. Logistics = precision. */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */

  /* Signature gradient — used sparingly on brand panels / hero overlays */
  --grad-brand: linear-gradient(135deg, #30357d 0%, #3E4095 55%, #4a4dad 100%); /* @kind other */
  --grad-ink: linear-gradient(180deg, rgba(20,22,31,0) 0%, rgba(20,22,31,0.78) 100%); /* @kind other */
}