/* Fonts are self-hosted (no requests to Google). SIL Open Font License, see fonts/OFL-LICENSE*.txt.
   Montserrat has no Greek letters, so Greek text is set in Inter (Greek subset), a close neutral match. */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/montserrat-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/montserrat-latin-400-normal.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: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/montserrat-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/montserrat-latin-500-normal.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: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/montserrat-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/montserrat-latin-600-normal.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: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/montserrat-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/montserrat-latin-700-normal.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: "Inter Greek"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/inter-greek-400-normal.woff2") format("woff2"); unicode-range: U+0370-03FF,U+1F00-1FFF; }
@font-face { font-family: "Inter Greek"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/inter-greek-500-normal.woff2") format("woff2"); unicode-range: U+0370-03FF,U+1F00-1FFF; }
@font-face { font-family: "Inter Greek"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/inter-greek-600-normal.woff2") format("woff2"); unicode-range: U+0370-03FF,U+1F00-1FFF; }
@font-face { font-family: "Inter Greek"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/inter-greek-700-normal.woff2") format("woff2"); unicode-range: U+0370-03FF,U+1F00-1FFF; }

/*
 * PhotoQuote theme, modelled on zoidis.eu.
 * Every colour, font and size that sets the look of the app lives in this file,
 * so restyling means editing the variables below. Layout is in style.css.
 *
 * Direction: a darkroom. Pure black page, white type, wide-tracked uppercase
 * Montserrat for the wordmark, navigation and labels, square corners, and one
 * flat white button (the site's "Book Me"). No colour except status dots,
 * so the work itself is what stands out.
 */

:root {
  --font: "Montserrat", "Inter Greek", "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;

  --paper: #000000;        /* page background */
  --surface: #0b0b0b;      /* inputs, table rows on hover, flash messages */
  --ink: #ffffff;          /* main text */
  --ink-soft: #a6a6a6;     /* secondary text */
  --line: #262626;         /* hairlines */
  --line-strong: #4a4a4a;  /* input borders */
  --hover: rgba(255, 255, 255, 0.05);

  --accent: #ffffff;       /* the white button, focus rings, active nav */
  --accent-ink: #000000;
  --accent-soft: rgba(255, 255, 255, 0.12);
  --accent-hover: #d9d9d9;

  --panel: #000000;        /* the price panel: black, outlined, white type */
  --panel-ink: #ffffff;
  --panel-soft: rgba(255, 255, 255, 0.62);
  --panel-line: rgba(255, 255, 255, 0.2);
  --panel-bad: #ff9a90;
  --panel-keep: #9fe3bb;

  --ok: #6fdc9c;
  --warn: #f2bd5c;
  --bad: #ff8a80;

  --radius: 0;
  --page-max: 1920px;
  --gutter: 2.5rem;
}

html {
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink);
  background: var(--paper);
  color-scheme: dark;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--paper);
  letter-spacing: 0.01em;
}

h1, h2, h3 { margin: 0; font-weight: 600; line-height: 1.25; text-transform: uppercase; }
h1 { font-size: 1.3rem; letter-spacing: 0.16em; }
h2 { font-size: 0.75rem; letter-spacing: 0.2em; }

a { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: 0.3em; }
a:hover { color: var(--ink-soft); }

::selection { background: #ffffff; color: #000000; }

:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: 3px;
}

.num, .n, .big, output, .strong, dd { font-variant-numeric: tabular-nums; }