/* Packaging Cockpit — colour tokens. Light is default; [data-theme="dark"] overrides colour and shadow only. */
:root,
[data-theme="light"] {
  --canvas: #f2f5f8;
  --surface: #ffffff;
  --surface-sunken: #eaeff4;
  --surface-raised: #ffffff;
  --surface-hover: #f0f5fa;
  --surface-selected: #e2edfb;
  --surface-disabled: #f4f6f8;
  --ink-strong: #0d1822;
  --ink: #1d2b38;
  --ink-muted: #4d5c6b;
  --ink-subtle: #64717f;
  --ink-disabled: #9aa6b2;
  --ink-inverse: #ffffff;
  --line: #dde4eb;
  --line-strong: #b3c0cd;
  --brand: #1462c6;
  --brand-hover: #0f4fa3;
  --brand-active: #0c4288;
  --brand-soft: #e2edfb;
  --brand-soft-hover: #d2e3f8;
  --brand-text: #0e56ad;
  --on-brand: #ffffff;
  --accent: #b06a12;
  --accent-soft: #fbefdc;
  --on-accent: #ffffff;
  --success: #1c7a46;
  --success-soft: #e0f2e6;
  --success-text: #14663a;
  --on-success: #ffffff;
  --warning: #9a5a06;
  --warning-soft: #fbeedb;
  --warning-text: #8a5006;
  --on-warning: #ffffff;
  --danger: #b52626;
  --danger-soft: #fbe4e4;
  --danger-text: #a52020;
  --on-danger: #ffffff;
  --focus-ring: #0b4da3;
  --material-fibre: #a86a35;
  --material-plastic: #4a68cc;
  --material-glass: #237f74;
  --material-metal: #6f7d8b;
  --material-wood: #7d5a2e;
  --material-composite: #8250a0;
  --material-other: #5a6675;

  --shadow-xs: 0 1px 2px rgba(13,24,34,0.06);
  --shadow-sm: 0 1px 3px rgba(13,24,34,0.10), 0 1px 2px rgba(13,24,34,0.05);
  --shadow-md: 0 6px 16px rgba(13,24,34,0.12);
  --shadow-lg: 0 20px 48px rgba(13,24,34,0.18);
}

[data-theme="dark"] {
  --canvas: #0d1319;
  --surface: #151d26;
  --surface-sunken: #101820;
  --surface-raised: #1c2631;
  --surface-hover: #1e2935;
  --surface-selected: #16334f;
  --surface-disabled: #182028;
  --ink-strong: #f3f7fb;
  --ink: #dde5ee;
  --ink-muted: #9fb0c1;
  --ink-subtle: #7d8d9e;
  --ink-disabled: #5b6875;
  --ink-inverse: #0b1218;
  --line: #29343f;
  --line-strong: #3e4c5a;
  --brand: #1f6fd4;
  --brand-hover: #2f80e8;
  --brand-active: #1a5cb0;
  --brand-soft: #14314e;
  --brand-soft-hover: #1a3e62;
  --brand-text: #8ec2f8;
  --on-brand: #ffffff;
  --accent: #c98524;
  --accent-soft: #3a2a10;
  --on-accent: #1b1204;
  --success: #2e9257;
  --success-soft: #10301e;
  --success-text: #62c98c;
  --on-success: #08170e;
  --warning: #c2811f;
  --warning-soft: #3a2a0c;
  --warning-text: #e4ab55;
  --on-warning: #1a1103;
  --danger: #d2453f;
  --danger-soft: #3d1718;
  --danger-text: #f08a84;
  --on-danger: #ffffff;
  --focus-ring: #8cc0fb;
  --material-fibre: #cd9058;
  --material-plastic: #8096e8;
  --material-glass: #4fb3a4;
  --material-metal: #9aa9b8;
  --material-wood: #b08b5c;
  --material-composite: #b489cf;
  --material-other: #8b98a6;

  --shadow-xs: 0 1px 2px rgba(0,0,0,0.55);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.6);
  --shadow-md: 0 6px 16px rgba(0,0,0,0.65);
  --shadow-lg: 0 20px 48px rgba(0,0,0,0.7);
}