/* Effects tokens — radii, shadows, background texture/glow.
   Lifted directly from the organico_*.html templates. */

:root {
  /* Corner radii */
  --radius-pill: 999px;      /* eyebrow, CTA-pill, chips, dots-active */
  --radius-card: 28px;       /* metric/note/panel cards */
  --radius-card-lg: 30px;    /* data-panel / larger cards */
  --radius-button: 14px;     /* CTA button */
  --radius-button-lg: 16px;  /* story-format CTA button (bigger canvas) */
  --radius-num-badge: 16px;  /* numbered list badge */
  --radius-checkbox: 8px;    /* checklist checkbox */

  /* Shadows */
  --shadow-card-light: 0 22px 48px rgba(30, 34, 53, 0.14);
  --shadow-card-light-soft: 0 18px 40px rgba(30, 34, 53, 0.08);
  --shadow-card-dark: 0 24px 54px rgba(0, 0, 0, 0.24);
  --shadow-cta: 0 16px 36px rgba(124, 58, 237, 0.24);

  /* Background texture: faint dot/line grid, purple on light, white on dark */
  --grid-size: 72px;
  --grid-color-on-light: rgba(124, 58, 237, 0.05);
  --grid-color-on-dark: rgba(255, 255, 255, 0.05);
  --grid-opacity: 0.42; /* @kind other */

  /* Decorative corner glow (radial), identity-purple by default */
  --glow-identity: radial-gradient(circle at 84% 14%, rgba(124, 58, 237, 0.14), transparent 24%); /* @kind other */
  --glow-warm-dark: radial-gradient(circle at 16% 16%, rgba(217, 122, 90, 0.2), transparent 22%); /* @kind other */
  --glow-action-dark: radial-gradient(circle at 84% 88%, rgba(16, 185, 129, 0.16), transparent 24%); /* @kind other */

  /* Isometric texture — the site's real background motif (handoff 2):
     three repeating hairline gradients at ±60°/vertical, 26px step, "whisper"
     opacity. Confirmed real (not decorative-only guess) via trial-dark.css /
     home-light.css. Use ONE hero + at most one more featured section per page. */
  --texture-isometric-on-dark:
    repeating-linear-gradient(60deg, rgba(255,255,255,0.032) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(-60deg, rgba(255,255,255,0.032) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 26px); /* @kind other */
  --texture-isometric-on-light:
    repeating-linear-gradient(60deg, rgba(10,10,10,0.028) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(-60deg, rgba(10,10,10,0.028) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(0deg, rgba(10,10,10,0.016) 0 1px, transparent 1px 26px); /* @kind other */

  /* Cantoneiras — corner-bracket frame drawn around ONE hero module per page
     (demo/screenshot/card). Purple, hairline, small (~10px arms). */
  --corner-frame-size: 10px;
  --corner-frame-arm: 1.5px;
  --corner-frame-color-on-dark: rgba(167, 139, 250, 0.55);
  --corner-frame-color-on-light: rgba(124, 58, 237, 0.45);
}