/* tokens.css — identidade visual teal/verde inspirada no design.md */
:root {
  /* Brand & accent */
  --brand-green: #00ed64;
  --brand-green-dark: #00684a;
  --brand-green-mid: #13aa52;
  --brand-green-soft: #e3fcf7;
  --primary-pressed: #00c958;
  --on-primary: #001e2b;

  --brand-teal-deep: #001e2b;
  --brand-teal: #0b3b49;
  --brand-teal-mid: #14706f;

  --accent-purple: #6f5cff;
  --accent-orange: #ff9f1c;
  --accent-pink: #d83a8a;
  --accent-blue: #006cfa;

  /* Surfaces */
  --canvas: #ffffff;
  --canvas-dark: #001e2b;
  --surface: #f9fbfa;
  --surface-soft: #f3f7f5;
  --surface-feature: #e3fcf7;
  --hairline: #d9e2df;
  --hairline-soft: #e7eeeb;
  --hairline-strong: #a8b8b2;
  --hairline-dark: rgba(255, 255, 255, 0.24);

  /* Text */
  --ink: #001e2b;
  --charcoal: #1c2d38;
  --slate: #3b4d57;
  --steel: #5c6c75;
  --stone: #6f7f77;
  --muted: #8a99a0;
  --on-dark: #ffffff;
  --on-dark-muted: rgba(255, 255, 255, 0.72);

  /* Semantic */
  --semantic-warning-bg: #fff7d6;
  --semantic-warning-text: #7a4a00;

  /* Typography */
  --font-sans: "Euclid Circular A", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Source Code Pro", "Geist Mono", "SF Mono", Menlo, Consolas, monospace;

  /* Spacing */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 64px;
  --space-section-lg: 96px;
  --space-hero: 120px;

  /* Radius */
  --rounded-xs: 4px;
  --rounded-sm: 6px;
  --rounded-md: 8px;
  --rounded-lg: 12px;
  --rounded-xl: 16px;
  --rounded-xxl: 24px;
  --rounded-full: 9999px;

  /* Elevation */
  --shadow-1: rgba(0, 30, 43, 0.04) 0 1px 2px 0;
  --shadow-2: rgba(0, 30, 43, 0.08) 0 4px 12px 0;
  --shadow-3: rgba(0, 30, 43, 0.12) 0 12px 24px -4px;
  --shadow-4: rgba(0, 30, 43, 0.16) 0 16px 48px -8px;

  /* Layout */
  --sidebar-w: 264px;
  --header-h: 68px;
  --promo-h: 0px;
  --maxw: 1280px;
  --gutter: 32px;

  /* Legacy aliases kept so the existing templates inherit the redesign. */
  --neotropical-green: var(--brand-green);
  --neotropical-green-dark: var(--brand-teal-deep);
  --neotropical-green-light: #8ff5c0;
  --neotropical-green-soft: var(--brand-green-soft);

  --cerrado: var(--accent-orange);
  --amazonia: var(--brand-green-mid);
  --mata-atlantica: var(--brand-green-dark);
  --caatinga: #fb923c;
  --pantanal: var(--brand-teal-mid);
  --pampa: #86bf2b;

  --bg: var(--canvas);
  --bg-muted: var(--surface-soft);
  --border: var(--hairline);
  --border-strong: var(--hairline-strong);
  --text: var(--ink);
  --text-muted: var(--slate);
  --text-soft: var(--stone);

  --r-xs: var(--rounded-xs);
  --r-sm: var(--rounded-sm);
  --r-md: var(--rounded-md);
  --r-lg: var(--rounded-lg);
  --r-xl: var(--rounded-xl);
  --r-xxl: var(--rounded-xxl);
  --r-full: var(--rounded-full);

  --shadow-sm: var(--shadow-1);
  --shadow-md: var(--shadow-2);
  --shadow-lg: var(--shadow-4);
}