/* =========================================================
   Nondominium Design System — Design Tokens
   Extracted from Nondominium UI (UnoCSS Tailwind defaults)
   RGB triplets for alpha composability: rgb(var(--ndo-*) / 0.5)
   ========================================================= */

:root {
  /* =========================================================
     BASE GRAY SCALE
     ========================================================= */
  --ndo-gray-50:  249 250 251;
  --ndo-gray-100: 243 244 246;
  --ndo-gray-200: 229 231 235;
  --ndo-gray-300: 209 213 219;
  --ndo-gray-400: 156 163 175;
  --ndo-gray-500: 107 114 128;
  --ndo-gray-600:  75  85  99;
  --ndo-gray-700:  55  65  81;
  --ndo-gray-800:  31  41  55;
  --ndo-gray-900:  17  24  39;

  /* =========================================================
     STATUS / LIFECYCLE COLORS
     ========================================================= */
  /* Green — Stable */
  --ndo-green-50:  240 253 244;
  --ndo-green-100: 220 252 231;
  --ndo-green-700:  21 128  61;

  /* Emerald — Active */
  --ndo-emerald-100: 209 250 229;
  --ndo-emerald-700:   4 120  87;

  /* Red — EndOfLife, errors */
  --ndo-red-50:  254 242 242;
  --ndo-red-100: 254 226 226;
  --ndo-red-200: 254 202 202;
  --ndo-red-700: 185  28  28;

  /* Amber — Warning, Prototype stage */
  --ndo-amber-50:  255 251 235;
  --ndo-amber-100: 254 243 199;
  --ndo-amber-600: 217 119   6;
  --ndo-amber-700: 180  83   9;
  --ndo-amber-800: 146  64  14;

  /* Yellow — Hibernating */
  --ndo-yellow-100: 254 249 195;
  --ndo-yellow-700: 161  98   7;

  /* Orange — Deprecated, Service resource nature */
  --ndo-orange-50:  255 247 237;
  --ndo-orange-100: 255 237 213;
  --ndo-orange-700: 194  65  12;

  /* =========================================================
     RESOURCE NATURE COLORS
     ========================================================= */
  /* Blue — Physical */
  --ndo-blue-50:  239 246 255;
  --ndo-blue-100: 219 234 254;
  --ndo-blue-600:  37  99 235;
  --ndo-blue-700:  29  78 216;
  --ndo-blue-800:  30  64 175;

  /* Purple — Digital */
  --ndo-purple-100: 237 233 254;
  --ndo-purple-700: 109  40 217;

  /* Teal — Hybrid, Distributed stage */
  --ndo-teal-100: 204 251 241;
  --ndo-teal-700:  15 118 110;

  /* Indigo — Information, Development stage */
  --ndo-indigo-100: 224 231 255;
  --ndo-indigo-700:  67  56 202;

  /* =========================================================
     PROPERTY REGIME COLORS
     ========================================================= */
  /* Cyan — Commons */
  --ndo-cyan-100: 207 250 254;
  --ndo-cyan-700:  14 116 144;

  /* Violet — Collective */
  --ndo-violet-100: 237 233 254;
  --ndo-violet-700: 109  40 217;

  /* Rose — CommonPool */
  --ndo-rose-100: 255 228 230;
  --ndo-rose-700: 190  18  60;

  /* =========================================================
     SEMANTIC SURFACE TOKENS
     ========================================================= */
  --ndo-color-bg-app:         rgb(var(--ndo-gray-100));
  --ndo-color-surface:        rgb(var(--ndo-gray-50));
  --ndo-color-card-bg:        255 255 255;
  --ndo-color-border:         rgb(var(--ndo-gray-200));
  --ndo-color-border-subtle:  rgb(var(--ndo-gray-100));
  --ndo-color-text-primary:   rgb(var(--ndo-gray-900));
  --ndo-color-text-secondary: rgb(var(--ndo-gray-600));
  --ndo-color-text-muted:     rgb(var(--ndo-gray-500));
  --ndo-color-text-mono:      rgb(var(--ndo-gray-400));
  --ndo-color-link:           rgb(var(--ndo-blue-600));

  /* =========================================================
     TYPOGRAPHY
     ========================================================= */
  --ndo-font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --ndo-font-mono: ui-monospace, 'JetBrains Mono', SFMono-Regular, Menlo, Consolas, monospace;

  --ndo-text-xs:   0.75rem;   /* 12px */
  --ndo-text-sm:   0.875rem;  /* 14px */
  --ndo-text-base: 1rem;      /* 16px */
  --ndo-text-lg:   1.125rem;  /* 18px */
  --ndo-text-xl:   1.25rem;   /* 20px */
  --ndo-text-2xl:  1.5rem;    /* 24px */

  --ndo-lh-xs:   1rem;
  --ndo-lh-sm:   1.25rem;
  --ndo-lh-base: 1.5rem;
  --ndo-lh-lg:   1.75rem;
  --ndo-lh-xl:   1.75rem;
  --ndo-lh-2xl:  2rem;

  --ndo-weight-medium:   500;
  --ndo-weight-semibold: 600;
  --ndo-weight-bold:     700;

  /* =========================================================
     SPACING
     ========================================================= */
  --ndo-spacing-0-5: 0.125rem;  /* 2px  */
  --ndo-spacing-1:   0.25rem;   /* 4px  */
  --ndo-spacing-1-5: 0.375rem;  /* 6px  */
  --ndo-spacing-2:   0.5rem;    /* 8px  */
  --ndo-spacing-3:   0.75rem;   /* 12px */
  --ndo-spacing-4:   1rem;      /* 16px */
  --ndo-spacing-6:   1.5rem;    /* 24px */
  --ndo-spacing-8:   2rem;      /* 32px */

  /* =========================================================
     RADII
     ========================================================= */
  --ndo-radius-sm:  0.25rem;   /* 4px  */
  --ndo-radius-md:  0.375rem;  /* 6px  */
  --ndo-radius-lg:  0.5rem;    /* 8px  */
  --ndo-radius-xl:  0.75rem;   /* 12px */

  /* =========================================================
     SHADOWS
     ========================================================= */
  --ndo-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
  --ndo-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --ndo-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04);

  /* =========================================================
     TRANSITIONS
     ========================================================= */
  --ndo-transition-shadow: box-shadow 150ms ease;
  --ndo-transition-colors: background-color 150ms ease, color 150ms ease;
}

/* =========================================================
   GLOBAL BASE STYLES
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--ndo-font-sans);
  font-size: var(--ndo-text-base);
  line-height: var(--ndo-lh-base);
  color: var(--ndo-color-text-primary);
  background: var(--ndo-color-bg-app);
}