/* bestvpsforme "The Shore" design mockup. Tokens follow docs/design/V1_SHORE_DESIGN_PLAN.md §4. */
@font-face { font-family: 'Ubuntu Sans'; src: url('/shore/fonts/ubuntu-sans.woff2') format('woff2'); font-weight: 100 800; font-display: swap; }
@font-face { font-family: 'Ubuntu Sans Mono'; src: url('/shore/fonts/ubuntu-sans-mono-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Ubuntu Sans Mono'; src: url('/shore/fonts/ubuntu-sans-mono-500.woff2') format('woff2'); font-weight: 500 700; font-display: swap; }

:root {
  /* character kit (Patchwork) */
  --line: #efe3c8; --amber: #e9a23b; --alarm: #ff4d4d; --blue: #009bff; --green: #00d26a; --violet: #9b7bff; --muted: #a79f8c;
  --ease-out: cubic-bezier(.23, 1, .32, 1); --ease-io: cubic-bezier(.77, 0, .175, 1); --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-instant: 100ms; --dur-fast: 160ms; --dur-base: 220ms; --dur-flight: 320ms;
  --r-ctl: 6px; --r-card: 10px; --r-sheet: 16px;
  --sans: 'Ubuntu Sans', system-ui, sans-serif; --mono: 'Ubuntu Sans Mono', ui-monospace, monospace;
  --night: #070a1c; --night-2: #0e1330; --chalk: #efe3c8; --shell: #7a5fd4; --shell-2: #5c47a8; --crab: #e89d88;
}
[data-theme="night"], .night, .foot {
  --bg: #070a1c; --surface: #0e1330; --raised: #161c40;
  --text: #efe3c8; --text-muted: #a79f8c; --text-faint: #8c8577;
  --brand: #9b7bff; --brand-hover: #b8a4ff; --on-brand: #070a1c;
  --lantern: #e9a23b; --focus: #e9a23b; --fit: #3ddc84; --catch: #ff7a6b;
  --fit-bg: rgba(61, 220, 132, .07); --catch-bg: rgba(255, 122, 107, .07);
  --border: #6a72a3; --hair: #232a55;
  --text-soft: #d4cbb4; --seam: rgba(239, 227, 200, .18);
  --head-bg: rgba(7, 10, 28, .88); --head-seam: rgba(239, 227, 200, .2); --pill-line: rgba(239, 227, 200, .2); --pill-bg: rgba(14, 19, 48, .7);
  --lantern-line: #e9a23b; --lantern-wash: rgba(233, 162, 59, .12); --felt: color-mix(in srgb, #9b7bff 36%, #15112b); --felt-seam: rgba(239, 227, 200, .55);
  --chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%23efe3c8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color-scheme: dark;
}
[data-theme="day"], [data-theme="day"] .night, [data-theme="day"] .foot {
  --bg: #f7f1e6; --surface: #fffaf1; --raised: #efe6d5;
  --text: #1f1d2b; --text-muted: #4f4b46; --text-faint: #6b655d;
  --brand: #5c47a8; --brand-hover: #4b3a91; --on-brand: #ffffff;
  --lantern: #8a5a00; --focus: #1f1d2b; --fit: #17663a; --catch: #b3261e;
  --fit-bg: rgba(23, 102, 58, .07); --catch-bg: rgba(179, 38, 30, .06);
  --border: #857a66; --hair: #e2d7c3;
  --text-soft: #34303f; --seam: rgba(31, 29, 43, .18);
  --head-bg: rgba(247, 241, 230, .9); --head-seam: rgba(31, 29, 43, .2); --pill-line: rgba(31, 29, 43, .22); --pill-bg: rgba(255, 250, 241, .8);
  --lantern-line: #8a5a00; --lantern-wash: rgba(138, 90, 0, .08); --felt: color-mix(in srgb, #5c47a8 18%, #fffaf1); --felt-seam: rgba(31, 29, 43, .4);
  --chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%231f1d2b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color-scheme: light;
}