:root {
  /* Brand */
  --sestanto-green: #1E6B3C;
  --sestanto-green-light: #4CAF7A;
  --sestanto-black: #14171A;
  --sestanto-ink: #0F1113;
  --sestanto-white: #FFFFFF;
  --sestanto-red: #C81E2C;
  --sestanto-red-light: #DE6E78;
  --sestanto-amber: #C8961E;
  --sestanto-amber-dark: #946E12;
  --sestanto-navy: #12181C;
  --sestanto-gray: #6B7178;

  /* Semantic */
  --color-brand: var(--sestanto-green);
  --color-brand-on-dark: var(--sestanto-green-light);
  --color-structural: var(--sestanto-black);
  --color-ink: var(--sestanto-ink);
  --color-danger: var(--sestanto-red);
  --color-danger-on-dark: var(--sestanto-red-light);
  --color-warning: var(--sestanto-amber);
  --color-warning-text-on-light: var(--sestanto-amber-dark);
  --color-neutral: var(--sestanto-gray);
  --color-surface: var(--sestanto-white);
  --color-surface-dark: var(--sestanto-navy);

  /* Charts */
  --chart-1: var(--sestanto-green);
  --chart-2: var(--sestanto-navy);
  --chart-3: var(--sestanto-amber);
  --chart-4: var(--sestanto-gray);
  --chart-5: var(--sestanto-green-light);
  --chart-critical: var(--sestanto-red);

  /* Typography */
  --font-display: 'Archivo Narrow', sans-serif;
  --font-body: 'Noto Sans', sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 48px;
  --text-4xl: 64px;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --tracking-display: 0.018em;
  --tracking-label: 0.04em;

  /* Spacing */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;

  /* Shape */
  --radius-0: 0;
  --radius-input: 2px;
  --border-width: 1px;
  --border-width-thick: 2px;
}