/* Design tokens — Ramdoot Retail. Light theme only. Colours, fonts and phone sizes from Phase 8U (PLAN D90). */
/* Fonts stored with the app (D90, OFL licences in static/fonts). The -ext files hold ₹ and accented letters. */
@font-face { font-family: "Lexend"; font-weight: 400 700; font-display: swap; src: url("../fonts/lexend-latin.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Lexend"; font-weight: 400 700; font-display: swap; src: url("../fonts/lexend-latin-ext.woff2") format("woff2"); unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20C0; }
@font-face { font-family: "JetBrains Mono"; font-weight: 400 700; font-display: swap; src: url("../fonts/jetbrains-mono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-weight: 400 700; font-display: swap; src: url("../fonts/jetbrains-mono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20C0; }

:root {
  color-scheme: light;

  /* Frame: warm cream page, white panels, deep indigo top bar (D90) */
  --page: #FFF6EE;
  --bg: #FFFFFF;
  --panel: #FCF3E9;
  --line: #EFE2D4;
  --line-strong: #E0CFBC;
  --ink: #1E1938;
  --ink-2: #5F5878;

  /* Colour families: strong, line, soft and ink shades. One per kind of box. */
  --violet: #6A45DB; --violet-line: #D8CCFA; --violet-soft: #EFEAFE; --violet-ink: #4C2DB0;
  --blue: #3567C0; --blue-line: #C3D5F3; --blue-soft: #E6EEFB; --blue-ink: #1C4688;
  --green: #2B7F41; --green-line: #BEE0C6; --green-soft: #E6F4E9; --green-ink: #1F5C2E;
  --yellow: #E2AE2F; --yellow-line: #F2DB92; --yellow-soft: #FEF5D8; --yellow-ink: #6B4D00;
  --red: #C2412D; --red-line: #F1C6B8; --red-soft: #FCEAE3; --red-ink: #9A3322;

  /* Roles */
  --primary: var(--violet);
  --primary-ink: var(--violet-ink);
  --primary-soft: var(--violet-soft);
  --on-primary: #FFFFFF;
  --warn: var(--yellow-ink);
  --warn-soft: var(--yellow-soft);
  --danger: var(--red-ink);
  --danger-soft: var(--red-soft);
  --danger-line: var(--red-line);
  --danger-hover: #F8DACE;
  --ok: var(--green);
  --ok-soft: var(--green-soft);
  --gst: #1E6B3A; /* GST line and New bill (GST) tab, dark green (D59, L7) */
  --gst-hover: #17552E;
  --gst-soft: #E7F1EA;
  --focus: var(--violet);
  --tint: rgb(106 69 219 / 0.06);
  --scrim: rgb(30 25 56 / 0.4);
  --shadow: 0 8px 24px rgb(30 25 56 / 0.1);
  --shadow-up: 0 -6px 20px rgb(30 25 56 / 0.08);

  /* Update bill yellow (owner, 16-10-2026) */
  --update: #FFD43B; --update-line: #E0B000; --update-hover: #F5C518; --update-ink: #3D2E00;

  /* Top bar (deep indigo) */
  --nav-bg: #2A1E5C;
  --nav-ink: #FFFFFF;
  --nav-ink-2: #CFC7F0;
  --nav-hover: rgb(255 255 255 / 0.1);
  --nav-current: var(--violet);
  --nav-line: rgb(255 255 255 / 0.2);

  /* Type: Lexend for text, JetBrains Mono for numbers (D90) */
  --font: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.875rem;
  --fs-lg: 1rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.625rem;
  --fs-3xl: 2rem;

  /* Space (4px base) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;

  /* Shape and size */
  --r-sm: 6px;
  --r: 10px;
  --r-lg: 12px;
  --r-pill: 999px;
  --control-h: 40px;
  --control-h-lg: 48px;
  --topbar-h: 56px;
  --gutter: 20px; /* page side padding */
  --statusbar-h: 34px;

  /* Layers */
  --z-dropdown: 10;
  --z-sticky: 20;
  --z-backdrop: 30;
  --z-modal: 40;
  --z-toast: 50;
  --z-tooltip: 60;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 160ms;
}

/* Phones: one step smaller everywhere (8U.7) */
@media (max-width: 720px) {
  :root {
    --fs-xs: 0.71875rem;
    --fs-sm: 0.75rem;
    --fs-md: 0.8125rem;
    --fs-lg: 0.9375rem;
    --fs-xl: 1rem;
    --fs-2xl: 1.25rem;
    --fs-3xl: 1.5rem;
    --control-h: 36px;
    --control-h-lg: 44px;
    --topbar-h: 48px;
    --gutter: 12px;
  }
}