/* Beauty Deutsch — radii, shadows, motion. Soft pill shapes from the beauty reference,
   quiet structure from the education reference. */
:root {
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Shadows are soft, warm and low — never grey drop shadows */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(18, 18, 18, 0.05);
  --shadow-card: 0 2px 10px rgba(18, 18, 18, 0.05);
  --shadow-raised: 0 8px 28px rgba(18, 18, 18, 0.08);
  --shadow-rose: 0 10px 30px rgba(216, 96, 143, 0.18);
  --shadow-inset-line: inset 0 -1px 0 var(--line-200);
  --ring-focus: 0 0 0 3px rgba(163, 60, 99, 0.35);

  /* Protection gradient for text over photography */
  --scrim-bottom: linear-gradient(180deg, rgba(18,18,18,0) 0%, rgba(18,18,18,0.72) 100%); /* @kind other */
  --scrim-left: linear-gradient(90deg, rgba(18,18,18,0.72) 0%, rgba(18,18,18,0) 70%); /* @kind other */

  --blur-glass: saturate(140%) blur(12px); /* @kind other */
  --glass-bg: rgba(251, 248, 246, 0.78);

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 400ms; /* @kind other */
  --press-scale: 0.98; /* @kind other */
}