/* The organic shape (manual 03): a deformed circle, never a perfect one.
   Radii 58/42/46/54 · 44/56/44/56. Never rotated, never reshaped between
   applications. Same shape language carries all of the centre's comms. */
:root {
  --organic: 58% 42% 46% 54% / 44% 56% 44% 56%; /* @kind radius */
  /* Sibling blobs for backgrounds/decor — same family, mirrored, so a
     composition can hold several without repeating one silhouette. */
  --organic-b: 42% 58% 54% 46% / 56% 44% 56% 44%; /* @kind radius */
  --organic-c: 54% 46% 58% 42% / 44% 56% 44% 56%; /* @kind radius */
  --dot-size: 0.20em; /* 20% of the body of the lockup */

  /* EXTENSION: the manual sets radii for the brand shape only. UI needs a
     corner system; these stay soft to echo the organic language. */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --border-hairline: 1px solid var(--petroleo-a16); /* @kind other */
  --border-strong: 2px solid var(--petroleo); /* @kind other */
  --border-width-strong: 2px;

  /* No gradients, no shadows, no outlines on the logo — ever.
     Elevation exists only for things that float above the page (dialogs,
     toasts, menus) and stays a soft petroleum haze, never a grey drop. */
  --shadow-none: none; /* @kind shadow */
  --shadow-raised: 0 2px 0 var(--petroleo-a08);
  --shadow-overlay: 0 24px 48px -16px rgba(15, 61, 62, 0.28);
  --scrim: rgba(15, 61, 62, 0.55);
  --blur-scrim: blur(3px); /* @kind other */
}