:root {
  /* =========================================================
     BASE
  ========================================================= */

  --bg: #fbfbfd;
  --card: #ffffff;
  --white: #ffffff;

  --ink: #0b1220;
  --ink-85: rgba(11, 18, 32, 0.85);
  --ink-66: rgba(11, 18, 32, 0.66);
  --ink-40: rgba(11, 18, 32, 0.4);
  --ink-22: rgba(11, 18, 32, 0.22);
  --ink-10: rgba(11, 18, 32, 0.1);
  --ink-05: rgba(11, 18, 32, 0.05);
  --ink-03: rgba(11, 18, 32, 0.03);
  --ink-overlay: rgba(11, 18, 32, 0.4);

  --muted: rgba(11, 18, 32, 0.66);
  --line: rgba(11, 18, 32, 0.1);

  /* =========================================================
     BRAND (cores atuais)
  ========================================================= */

  --primary: #16a34a;
  --primary-2: #22c55e;

  --primary-25: rgba(34, 197, 94, 0.25);
  --primary-22: rgba(34, 197, 94, 0.22);
  --primary-20: rgba(34, 197, 94, 0.2);
  --primary-18: rgba(34, 197, 94, 0.18);
  --primary-12: rgba(34, 197, 94, 0.12);
  --primary-10: rgba(34, 197, 94, 0.1);
  --primary-08: rgba(34, 197, 94, 0.08);

  --accent: #ff7a18;
  --accent-22: rgba(255, 122, 24, 0.22);
  --accent-12: rgba(255, 122, 24, 0.12);

  /* =========================================================
     GLASS / SURFACE
  ========================================================= */

  --glass-light: rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.86);
  --glass-border: rgba(255, 255, 255, 0.3);

  --topbar-bg: rgba(251, 251, 253, 0.72);

  /* =========================================================
     SHADOWS
  ========================================================= */

  --shadow: 0 18px 50px rgba(11, 18, 32, 0.1);
  --shadow-soft: 0 10px 30px rgba(11, 18, 32, 0.08);
  --shadow-card-hover: 0 24px 60px rgba(11, 18, 32, 0.12);
  --shadow-glow: 0 40px 110px rgba(11, 18, 32, 0.22);
  --shadow-primary: 0 18px 40px rgba(34, 197, 94, 0.18);

  /* =========================================================
     RADIAL BACKGROUNDS
  ========================================================= */

  --hero-radial-primary: radial-gradient(
    60% 60% at 70% 80%,
    rgba(34, 197, 94, 0.2),
    transparent 60%
  );

  --hero-radial-accent: radial-gradient(
    60% 60% at 30% 20%,
    rgba(255, 122, 24, 0.22),
    transparent 60%
  );

  --cta-radial-primary: radial-gradient(
    120% 160% at 10% 10%,
    rgba(34, 197, 94, 0.12),
    transparent 60%
  );

  --cta-radial-accent: radial-gradient(
    120% 160% at 90% 90%,
    rgba(255, 122, 24, 0.12),
    transparent 60%
  );

  /* =========================================================
     GRADIENTS
  ========================================================= */

  --grad-primary: linear-gradient(90deg, var(--primary), var(--primary-2));
  --grad-text: linear-gradient(90deg, var(--primary), var(--accent));

  /* =========================================================
     BORDER / RADIUS / LAYOUT
  ========================================================= */

  --radius: 18px;
  --radius-lg: 26px;

  --container: 1160px;
}