Uma identidade feita pra reconhecer nossa terra.

:root {
  --color-green-primary: #2F4F38;
  --color-green-deep: #203122;
  --color-green-olive: #5A6E44;
  --color-sage: #D7E0CF;
  --color-cream: #FCF8D8;
  --color-gold: #F2D98E;
  --color-off-white: #FFFEF2;

  --font-editorial: 'Bitter', Georgia, serif;
  --font-sans: 'Golos Text', system-ui, sans-serif;
  --font-script: 'Allura', cursive;
}

{
  "colors": {
    "--color-green-primary": "#2F4F38",
    "--color-green-deep": "#203122",
    "--color-green-olive": "#5A6E44",
    "--color-sage": "#D7E0CF",
    "--color-cream": "#FCF8D8",
    "--color-gold": "#F2D98E",
    "--color-off-white": "#FFFEF2"
  },
  "typography": {
    "--font-editorial": "Bitter, Georgia, serif",
    "--font-sans": "Golos Text, system-ui, sans-serif",
    "--font-script": "Allura, cursive",
    "--text-display": "clamp(2rem, 3.6vw, 3.25rem)",
    "--text-h1": "clamp(1.75rem, 2.8vw, 2.5rem)",
    "--text-h2": "clamp(1.35rem, 2vw, 1.85rem)",
    "--text-h3": "clamp(1.1rem, 1.4vw, 1.3rem)",
    "--text-body": "0.9375rem",
    "--text-caption": "0.8125rem",
    "--text-label": "0.6875rem",
    "--text-button": "0.875rem",
    "--text-code": "0.8125rem",
    "--text-script": "clamp(1.75rem, 2.4vw, 2.4rem)"
  },
  "spacing": {
    "--space-1": "0.25rem",
    "--space-2": "0.5rem",
    "--space-3": "0.75rem",
    "--space-4": "1rem",
    "--space-5": "1.25rem",
    "--space-6": "1.75rem",
    "--space-7": "2.25rem",
    "--space-8": "3rem",
    "--space-9": "3.75rem",
    "--space-10": "4.5rem"
  },
  "shape": {
    "--border-subtle": "1px solid color-mix(in srgb, #203122 18%, transparent)",
    "--radius-sm": "0.375rem",
    "--radius-md": "0.625rem",
    "--radius-lg": "1rem",
    "--radius-pill": "999px",
    "--shadow-soft": "0 10px 30px rgba(32, 49, 34, 0.06)"
  },
  "layout": {
    "--container": "1320px",
    "--container-narrow": "880px",
    "--header-height": "60px",
    "--nav-height": "48px"
  },
  "zIndex": {
    "--z-nav": "20",
    "--z-toast": "50"
  }
}