:root {
  --ent-font-family: Inter, "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --ent-space-1: 4px;
  --ent-space-2: 8px;
  --ent-space-3: 12px;
  --ent-space-4: 16px;
  --ent-space-5: 20px;
  --ent-space-6: 24px;
  --ent-space-7: 32px;
  --ent-radius-sm: 6px;
  --ent-radius-md: 10px;
  --ent-radius-lg: 14px;

  /*
   * CRDB-aligned first-version palette.
   *
   * These tokens intentionally start from the visible CRDB green identity used
   * in the TACATDP prototype and reserve gold/yellow for sparse emphasis. If
   * CRDB later provides formal brand hex values, update this base scale first
   * and keep the semantic aliases below stable.
   */
  --ent-color-crdb-green-950: #023326;
  --ent-color-crdb-green-900: #064e3b;
  --ent-color-crdb-green-800: #075f45;
  --ent-color-crdb-green-700: #0f7a49;
  --ent-color-crdb-green-600: #15803d;
  --ent-color-crdb-green-100: #e6f4eb;
  --ent-color-crdb-green-50: #f3faf5;
  --ent-color-crdb-gold-600: #c99514;
  --ent-color-crdb-gold-500: #e2b12f;
  --ent-color-crdb-gold-100: #fff3cf;
  --ent-color-crdb-gold-50: #fff9e8;

  --ent-color-page: #f4f7f2;
  --ent-color-surface: #ffffff;
  --ent-color-surface-muted: var(--ent-color-crdb-green-50);
  --ent-color-border: #d8e3dc;
  --ent-color-text: #16231c;
  --ent-color-text-muted: #607068;
  --ent-color-primary: var(--ent-color-crdb-green-900);
  --ent-color-primary-dark: var(--ent-color-crdb-green-950);
  --ent-color-primary-bright: var(--ent-color-crdb-green-600);
  --ent-color-primary-soft: var(--ent-color-crdb-green-100);
  --ent-color-accent: var(--ent-color-crdb-gold-500);
  --ent-color-accent-strong: var(--ent-color-crdb-gold-600);
  --ent-color-accent-soft: var(--ent-color-crdb-gold-100);
  --ent-color-warning: var(--ent-color-crdb-gold-600);
  --ent-color-warning-soft: var(--ent-color-crdb-gold-50);
  --ent-color-danger: #dc2626;
  --ent-color-danger-soft: #fff1f1;
  --ent-color-on-primary: #eef8f1;
  --ent-color-on-primary-muted: rgba(238, 248, 241, 0.74);
  --ent-shadow-surface: 0 16px 40px rgba(2, 51, 38, 0.14);
  --ent-shadow-soft: 0 8px 22px rgba(2, 51, 38, 0.09);
  --ent-focus-ring: 0 0 0 3px rgba(21, 128, 61, 0.24);
}