/* ORIÉZID — Effects: radii, hairlines, elevation, motion
   Restraint is the rule. Subtle elevation, hairline borders, gentle eases.
   No bounces, no heavy gradients. Obsidian leans on borders, not shadows. */

:root {
  /* Corner radii — restrained. Cards modest, controls tighter, pills for tags. */
  --radius-none: 0;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;   /* buttons, inputs */
  --radius-lg: 14px;   /* cards, panels */
  --radius-xl: 20px;   /* large surfaces, modals */
  --radius-pill: 999px;

  /* Borders */
  --border-width: 1px;
  --hairline: var(--border-width) solid var(--border-hairline);

  /* Elevation — Light register. Soft, low, never heavy. */
  --shadow-xs: 0 1px 2px rgba(10, 10, 10, 0.04);
  --shadow-sm: 0 1px 3px rgba(10, 10, 10, 0.06), 0 1px 2px rgba(10, 10, 10, 0.04);
  --shadow-md: 0 6px 24px rgba(10, 10, 10, 0.07);
  --shadow-lg: 0 16px 48px rgba(10, 10, 10, 0.10);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* Motion — gentle, editorial. Ease-out for entrances; no bounce. */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);  /* @kind other */
  --duration-fast: 120ms;  /* @kind other */
  --duration-base: 200ms;  /* @kind other */
  --duration-slow: 360ms;  /* @kind other */
  --duration-xslow: 640ms; /* @kind other */ /* image / hero reveals */
}

/* Obsidian leans on darkness + borders; shadows go deeper but stay quiet. */
[data-theme="obsidian"] {
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 10px 36px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.65);
}