/* The page's colours, dark (the default) and light (theme.js sets data-theme on <html>: the device's own setting, or the
   customer's pick). Only what differs between the two is a token; colours over photos, video and dimming backdrops stay
   fixed, and --gold stays the bright brand gold for fills in both. */
:root {
  color-scheme: dark;
  --bg: #07070a;
  --bg-2: #0c0c12;
  --surface: #131318;
  --surface-2: #191922;
  --surface-hover: #232330;
  --selected-bg: #2a2114;       /* a ticked photo tile */
  --ink: #f4f1ea;
  --ink-dim: #c9c5bd;
  --muted: #8d8a95;
  --gold: #f0b155;              /* fills: buttons, chips, bars -- dark text on it */
  --gold-deep: #c98a2e;
  --accent: #f0b155;            /* gold as text, outlines and state borders: readable on the page's surfaces */
  --warning: #e0a44d;
  --on-accent: #14100a;         /* a mark drawn on --accent */
  --violet: #8d7bf5;
  --violet-deep: #5b4bd6;
  --wash-rgb: 255, 255, 255;    /* faint washes over the surfaces: rgba(var(--wash-rgb), .03) */
  --line: rgba(255, 255, 255, .09);
  --line-strong: rgba(255, 255, 255, .17);
  --danger: #ff7a7a;
  --on-danger: #1a1714;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23c9c5bd' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --r-lg: 22px;
  --r-md: 14px;
  --r-pill: 999px;
}
/* Light: warm paper. Text colours hold 4.5:1 on every light surface (amber text is --accent, not the fill gold). */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f3ee;
  --bg-2: #efebe4;
  --surface: #ffffff;
  --surface-2: #f4f0e9;
  --surface-hover: #ebe6dd;
  --selected-bg: #fdf0da;
  --ink: #1c1a22;
  --ink-dim: #45414d;
  --muted: #625e6b;
  --gold-deep: #d9952f;
  --accent: #8f5405;
  --warning: #8f5405;
  --on-accent: #fff;
  --violet: #5e4bd4;
  --violet-deep: #4a39b8;
  --wash-rgb: 28, 24, 36;
  --line: rgba(28, 24, 36, .1);
  --line-strong: rgba(28, 24, 36, .22);
  --danger: #c42e2e;
  --on-danger: #fff;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2345414d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}