/**
 * GlasRein Private Office — design tokens (enterprise).
 * Layout/components live in app_shell.css.
 *
 * Breakpoints (use these widths in @media / matchMedia):
 *   640px  — phone (forms, compact grids)
 *   900px  — tablet / mobile UI (nav drawer, card tables)
 *  1200px  — large layouts collapse to one column
 */
:root {
  --gr-ink: #1a2332;
  --gr-ink-mid: #3d4f60;
  --gr-ink-soft: #607080;
  --gr-ink-ghost: #94a3b0;
  --gr-sky: #2f78ae;
  --gr-sky-deep: #296a99;
  --gr-sky-light: #edf4fb;
  --gr-sky-mid: #c2d9ed;
  --gr-green: #278a62;
  --gr-green-bg: #e6f5ee;
  --gr-red: #c0392b;
  --gr-red-bg: #fdecea;
  --gr-amber: #e8a020;
  --gr-amber-bg: #fbf0dd;
  --gr-border: #dce4ec;
  --gr-border-strong: #c5d3e0;
  --gr-surface: #ffffff;
  --gr-surface-2: #f6f9fc;
  --gr-bg: #e8eef4;
  --gr-radius: 8px;
  --gr-radius-sm: 6px;
  --gr-radius-lg: 12px;
  --gr-shadow: 0 1px 2px rgba(26, 35, 50, 0.04), 0 8px 24px rgba(26, 35, 50, 0.06);
  --gr-shadow-sm: 0 1px 2px rgba(26, 35, 50, 0.05);
  --gr-font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --gr-mono: "Cascadia Mono", "Consolas", "Courier New", monospace;
  --gr-header-h: 56px;
  --gr-main-pad-x: 28px;
  --gr-main-pad-y: 22px;
  --gr-focus: 0 0 0 3px rgba(47, 120, 174, 0.16);

  /* Document editor aliases */
  --ink: var(--gr-ink);
  --ink-mid: var(--gr-ink-mid);
  --ink-soft: var(--gr-ink-soft);
  --ink-ghost: var(--gr-ink-ghost);
  --sky: var(--gr-sky);
  --sky-deep: var(--gr-sky-deep);
  --sky-light: var(--gr-sky-light);
  --sky-mid: var(--gr-sky-mid);
  --green: var(--gr-green);
  --green-bg: var(--gr-green-bg);
  --red: var(--gr-red);
  --border: var(--gr-border);
  --surface: var(--gr-surface-2);
  --surface-2: #eef3f7;
  --white: var(--gr-surface);
  --radius: var(--gr-radius-sm);
  --font: var(--gr-font);
  --mono: var(--gr-mono);
}