/* GENERATED by scripts/build_tokens.py from design/tokens.json (TASK-2026-163). Do not edit by hand:
   change design/tokens.json and run `python scripts/build_tokens.py`. */
:root, html[data-theme="retailpower"] {
  --bg: #E1EAED;
  --surface: #FFFFFF;
  --card: #F9FBFC;
  --side: #F3F7F8;
  --sunken: #EEF4F5;
  --line: #D0DADD;
  --line-strong: #B5C1C5;
  --field: #738084;
  --text: #151C1E;
  --muted: #4F595C;
  --brand: #2C6B78;
  --fill: #2C6B78;
  --fill-hover: #034959;
  --on-fill: #FFFFFF;
  --tint: #EDF8FB;
  --tint-strong: #CFE8EF;
  --focus-on-fill: #151C1E;
  --focus: #327C8C;
  --scrim: rgba(10,17,18,.30);
  --success: #006C31;
  --success-tint: #E6FBEC;
  --success-line: #B3DDC0;
  --success-solid: #00874A;
  --warning: #874F00;
  --warning-tint: #FFF2DF;
  --warning-line: #E9CCA6;
  --warning-solid: #F5AE39;
  --danger: #A03731;
  --danger-tint: #FFEDEA;
  --danger-line: #F6C3BC;
  --danger-solid: #BE534A;
  --info: #005EA7;
  --info-tint: #E6F7FF;
  --info-line: #B4D5F8;
  --info-solid: #2478C3;
  --neutral-status: #5C6567;
  --neutral-status-tint: #EEF4F5;
  --neutral-status-line: #D6DDDF;
  --mark: #2C6B78;
  --mark-2: #63B6C9;
  --wordmark: #034959;
  --paper: #FFFFFF;
  --ink: #151C1E;
  --teal-50: #EDF8FB;
  --teal-100: #D8EEF4;
  --teal-200: #B8E1EC;
  --teal-300: #90D0DF;
  --teal-400: #63B6C9;
  --teal-500: #3C9AAE;
  --teal-600: #327C8C;
  --teal-700: #2C6B78;
  --teal-800: #034959;
  --teal-900: #093139;
  --neutral-50: #F6FAFB;
  --neutral-100: #EEF4F5;
  --neutral-200: #E0E7E8;
  --neutral-300: #CDD5D8;
  --neutral-400: #A9B3B6;
  --neutral-500: #7E888B;
  --neutral-600: #5C6567;
  --neutral-700: #41494C;
  --neutral-800: #272F32;
  --neutral-900: #151C1E;
  --neutral-950: #0A1112;
  --card-shadow: 0 1px 2px rgba(3,73,89,.10), 0 2px 6px rgba(3,73,89,.05);
  --shadow-float: 0 12px 32px -8px rgba(3,73,89,.18), 0 2px 6px rgba(3,73,89,.06);
}
html[data-theme="retailpower-dark"] {
  --bg: #0A1112;
  --surface: #151C1E;
  --card: #151C1E;
  --side: #151C1E;
  --sunken: #0A1112;
  --line: #222A2D;
  --line-strong: #343C3F;
  --field: #636D70;
  --text: #F6FAFB;
  --muted: #A9B3B6;
  --brand: #90D0DF;
  --fill: #2C6B78;
  --fill-hover: #327C8C;
  --on-fill: #FFFFFF;
  --tint: #093139;
  --tint-strong: #034959;
  --focus-on-fill: #D8EEF4;
  --focus: #63B6C9;
  --scrim: rgba(0,0,0,.55);
  --success: #52C281;
  --success-tint: #1A3424;
  --success-line: #225A39;
  --success-solid: #00874A;
  --warning: #DDA042;
  --warning-tint: #3B2A12;
  --warning-line: #664610;
  --warning-solid: #F5AE39;
  --danger: #FC8B7F;
  --danger-tint: #422521;
  --danger-line: #733A35;
  --danger-solid: #BE534A;
  --info: #61B1FF;
  --info-tint: #1C2F44;
  --info-line: #285077;
  --info-solid: #2478C3;
  --neutral-status: #A9B3B6;
  --neutral-status-tint: #20282B;
  --neutral-status-line: #343C3F;
  --mark: #63B6C9;
  --mark-2: #327C8C;
  --wordmark: #F6FAFB;
  --card-shadow: none;
  --shadow-float: 0 16px 40px -8px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius: 2px;
  --radius-0: 0;
  --font-base: 14px;
  --control-sm: 32px;
  --control: 40px;
  --control-roomy: 48px;
  --row: 48px;
  --row-roomy: 56px;
  --pad: 20px;
  --pad-roomy: 32px;
  --header: 56px;
  --header-roomy: 64px;
  --badge-w: 120px;
  --badge-h: 24px;
  --icon-sm: 16px;
  --icon: 20px;
  --icon-lg: 24px;
  --info-button: 28px;
  --dialog-w: 480px;
  --icon-stroke: 1.5;
  --digit-w: 0.56em;
  --border-width: 1px;
  --focus-width: 1px;
  --duration-quick: 150ms;
  --duration-base: 200ms;
  --duration-calm: 250ms;
  --ease-standard: cubic-bezier(.2,0,0,1);
  --font-sans: "Almarai", "Segoe UI", Tahoma, system-ui, sans-serif;
}