/* FoF.HK design tokens — derived from the brand kit */

/* Local fonts shipped with the brand */
@font-face { font-family: 'Ubuntu'; font-weight: 300; font-style: normal; src: url('brand/fonts/Ubuntu-Light.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Ubuntu'; font-weight: 400; font-style: normal; src: url('brand/fonts/Ubuntu-Regular.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Ubuntu'; font-weight: 500; font-style: normal; src: url('brand/fonts/Ubuntu-Medium.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Ubuntu'; font-weight: 700; font-style: normal; src: url('brand/fonts/Ubuntu-Bold.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Ubuntu'; font-weight: 400; font-style: italic; src: url('brand/fonts/Ubuntu-Italic.ttf') format('truetype'); font-display: swap; }

@font-face { font-family: 'Lato'; font-weight: 300; font-style: normal; src: url('brand/fonts/Lato-Light.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Lato'; font-weight: 400; font-style: normal; src: url('brand/fonts/Lato-Regular.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Lato'; font-weight: 700; font-style: normal; src: url('brand/fonts/Lato-Bold.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Lato'; font-weight: 900; font-style: normal; src: url('brand/fonts/Lato-Black.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Lato'; font-weight: 400; font-style: italic; src: url('brand/fonts/Lato-Italic.ttf') format('truetype'); font-display: swap; }

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600;700&display=swap');

:root {
  /* Brand */
  --navy: #0E2A4D;
  --navy-700: #143666;
  --navy-900: #091A30;
  --sage: #A6C49A;
  --sage-soft: #C7DDC0;
  --sage-deep: #6B8C61;

  /* Surfaces — light */
  --surface: #F6F8FB;
  --surface-bone: #F5F1E8;
  --paper: #FFFFFF;
  --line: #E3E8F0;
  --line-soft: #EEF1F6;

  /* Text — light */
  --ink: #0E2A4D;
  --ink-2: #2C3E5C;
  --ink-3: #5A6B82;
  --ink-4: #8A9AB0;

  /* Surfaces — dark */
  --d-bg: #06121F;
  --d-surface: #0B1F38;
  --d-elev: #112948;
  --d-line: #1E3457;
  --d-ink: #E7EEF8;
  --d-ink-2: #B6C4D8;
  --d-ink-3: #7E92AF;

  /* Semantic */
  --pos: #6B9F5E;
  --neg: #C8624D;

  /* Type — Ubuntu for display (matches the rounded wordmark), Lato for body */
  --f-display: 'Ubuntu', 'Noto Sans TC', system-ui, sans-serif;
  --f-body: 'Lato', 'Noto Sans TC', system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Radii — rounder, friendly */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(14,42,77,.06), 0 1px 1px rgba(14,42,77,.04);
  --shadow-md: 0 8px 28px -12px rgba(14,42,77,.18), 0 2px 6px rgba(14,42,77,.06);
  --shadow-lg: 0 24px 48px -16px rgba(14,42,77,.22), 0 4px 12px rgba(14,42,77,.08);
}

.dark {
  --surface: var(--d-bg);
  --paper: var(--d-surface);
  --line: var(--d-line);
  --line-soft: #15294A;
  --ink: var(--d-ink);
  --ink-2: var(--d-ink-2);
  --ink-3: var(--d-ink-3);
  --ink-4: #5A719A;
}

body { font-family: var(--f-body); }