:root {
  /* Brand */
  --pco-primary: #0A4BA5;   /* Putco deep blue */
  --pco-accent:  #F6A21E;   /* Putco orange */
  --pco-ink:     #0F172A;   /* Near-black text */
  --pco-muted:   #475569;   /* Muted text */
  --pco-border:  #E2E8F0;   /* Borders */
  --pco-bg:      #F8FAFC;   /* App background */
  --pco-surface: #FFFFFF;   /* Cards/surfaces */

  /* Feedback */
  --pco-success: #16A34A;
  --pco-warning: #F59E0B;
  --pco-danger:  #DC2626;
  --pco-info:    #2563EB;

  /* Typography */
  --pco-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  --pco-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --pco-text-xs: 0.75rem;
  --pco-text-sm: 0.875rem;
  --pco-text-md: 1rem;
  --pco-text-lg: 1.125rem;
  --pco-text-xl: 1.25rem;
  --pco-text-2xl: 1.5rem;

  --pco-weight-regular: 400;
  --pco-weight-medium: 500;
  --pco-weight-semibold: 600;
  --pco-weight-bold: 700;

  --pco-line: 1.5;

  /* Spacing (8px scale) */
  --pco-1: 0.25rem;  /* 4 */
  --pco-2: 0.5rem;   /* 8 */
  --pco-3: 0.75rem;  /* 12 */
  --pco-4: 1rem;     /* 16 */
  --pco-5: 1.25rem;  /* 20 */
  --pco-6: 1.5rem;   /* 24 */
  --pco-8: 2rem;     /* 32 */
  --pco-10: 2.5rem;  /* 40 */
  --pco-12: 3rem;    /* 48 */

  /* Radius */
  --pco-radius-sm: 0.5rem;
  --pco-radius-md: 0.75rem;
  --pco-radius-lg: 1rem;

  /* Shadow */
  --pco-shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
  --pco-shadow-md: 0 8px 24px rgba(17,24,39,0.10);

  /* Focus ring */
  --pco-ring: 0 0 0 3px rgba(10, 75, 165, 0.25);

  /* Layout */
  --pco-maxw: 1120px;
}

/* Putco-safe Dark Mode */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pco-bg: #0B1220;
    --pco-surface: #0F1A2B;
    --pco-ink: #EAF2FF;
    --pco-muted: #A9B7D0;
    --pco-border: rgba(234,242,255,0.10);

    --pco-primary: #2B6CB0;
    --pco-accent: #F6A21E;

    --pco-shadow-sm: 0 1px 2px rgba(0,0,0,0.35);
    --pco-shadow-md: 0 16px 44px rgba(0,0,0,0.45);

    --pco-ring: 0 0 0 3px rgba(43, 108, 176, 0.3);
  }
}

:root[data-theme="dark"] {
  --pco-bg: #0B1220;
  --pco-surface: #0F1A2B;
  --pco-ink: #EAF2FF;
  --pco-muted: #A9B7D0;
  --pco-border: rgba(234,242,255,0.10);

  --pco-primary: #2B6CB0;
  --pco-accent: #F6A21E;

  --pco-shadow-sm: 0 1px 2px rgba(0,0,0,0.35);
  --pco-shadow-md: 0 16px 44px rgba(0,0,0,0.45);

  --pco-ring: 0 0 0 3px rgba(43, 108, 176, 0.3);
}

:root[data-theme="light"] { }