/*
 * ui/css/tokens.css - design tokens (docs/DESIGN.md B5 + A1b).
 * Shared by the central admin, the client app and the customer site.
 * The --app-accent* values below are the default Blinkit-style yellow; pages
 * override them from the organisation's accent colour (lib/ui.php
 * ui_accent_style()), so never hard-code the accent anywhere else.
 */
:root {
  /* Surfaces */
  --nv-bg: #f3f3f3;
  --nv-layer: #f9f9f9;
  --nv-card: #ffffff;
  --nv-stroke: rgba(0, 0, 0, .0578);
  --nv-stroke-strong: rgba(0, 0, 0, .1);

  /* Controls */
  --nv-control: #ffffff;
  --nv-control-hover: #f9f9f9;
  --nv-control-press: #f5f5f5;
  --nv-control-border: rgba(0, 0, 0, .0578);
  --nv-control-border-bottom: rgba(0, 0, 0, .1622);
  --nv-input-bg: rgba(255, 255, 255, .7);
  --nv-input-border-bottom: rgba(0, 0, 0, .4466);
  --nv-disabled-text: rgba(0, 0, 0, .36);

  /* Text */
  --nv-text: #1b1b1b;
  --nv-text-2: #5d5d5d;
  --nv-text-3: #8a8a8a;

  /* Subtle (transparent) fills */
  --nv-subtle-hover: rgba(0, 0, 0, .0373);
  --nv-subtle-press: rgba(0, 0, 0, .0241);
  --nv-selected: rgba(0, 0, 0, .0578);

  /* Shape */
  --nv-radius: 4px;
  --nv-radius-lg: 8px;
  --nv-shadow-flyout: 0 8px 16px rgba(0, 0, 0, .14);
  --nv-shadow-dialog: 0 32px 64px rgba(0, 0, 0, .1876), 0 2px 21px rgba(0, 0, 0, .1474);

  /* Accent (default: Blinkit-style yellow, docs/DESIGN.md A1b) */
  --app-accent: #F8CB46;
  --app-accent-rgb: 248, 203, 70;
  --app-on-accent: #1C1C1C;
  --app-accent-hover: #EDBB2E;
  --app-accent-active: #DDAA18;
  --app-accent-strong: #C99A00;
  --app-accent-ink: #7A5C00;
  --app-accent-soft: rgba(248, 203, 70, .18);
  --brand-green: #0C831F;
  --brand-green-hover: #0A7019;

  /* Status (Windows palette) */
  --st-success: #0f7b0f;   --st-success-bg: #dff6dd;
  --st-warning: #9d5d00;   --st-warning-bg: #fff4ce;
  --st-danger: #c42b1c;    --st-danger-bg: #fde7e9;
  --st-info: #005fb8;      --st-info-bg: #e5f1fb;
  --st-purple: #6b3fa0;    --st-purple-bg: #efe9fb;
  --st-muted: #5d5d5d;     --st-muted-bg: rgba(0, 0, 0, .0578);

  /* Type */
  --nv-font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --nv-font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --nv-font-mono: "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;

  /* Layout */
  --nv-titlebar-h: 32px;
  --nv-pane-w: 280px;
  --nv-appbar-h: 52px;

  /* Touch sizes (customer site, docs/DESIGN.md A4) */
  --touch-h: 44px;
  --touch-h-primary: 48px;
}