/* SI-PPL Design Tokens */
:root {
  /* Primary - Hijau Pertanian */
  --color-primary: #2e7d32;
  --color-primary-light: #4caf50;
  --color-primary-dark: #1b5e20;
  --color-primary-bg: #e8f5e9;

  /* Secondary - Biru Ketahanan Pangan */
  --color-secondary: #1565c0;
  --color-secondary-light: #1e88e5;
  --color-secondary-dark: #0d47a1;
  --color-secondary-bg: #e3f2fd;

  /* Accent - Oranye Panen */
  --color-accent: #ef6c00;
  --color-accent-light: #fb8c00;
  --color-accent-dark: #e65100;

  /* Neutral */
  --color-bg: #f5f5f5;
  --color-surface: #ffffff;
  --color-text: #212121;
  --color-text-secondary: #616161;
  --color-muted: #9e9e9e;
  --color-border: #e0e0e0;
  --color-divider: #eeeeee;

  /* Status */
  --color-success: #2e7d32;
  --color-success-bg: #e8f5e9;
  --color-warning: #f57f17;
  --color-warning-bg: #fff8e1;
  --color-danger: #c62828;
  --color-danger-bg: #ffebee;
  --color-info: #1565c0;
  --color-info-bg: #e3f2fd;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  /* Border Radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-full: 9999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.07);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);

  /* Z-index */
  --z-nav: 100;
  --z-header: 200;
  --z-modal: 300;
}