/*
 * Northfollow design tokens, copied from the Claude Design project
 * "Northfollow Design System" (tokens/colors.css, typography.css, spacing.css, effects.css).
 * Re-check the source before changing a value here: this file mirrors it, it does not define the brand.
 */

/* Fredoka (SIL OFL 1.1), static 400/500/600 instances with ő ű Ő Ű added (see assets/fonts/README.md). */
@font-face{font-family:"Fredoka";src:url("../fonts/fredoka-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fredoka";src:url("../fonts/fredoka-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Fredoka";src:url("../fonts/fredoka-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  /* North navy */
  --navy-50:#EEF3F7;--navy-100:#D6E2EB;--navy-200:#AEC4D4;--navy-300:#7F9FB6;--navy-400:#4F7794;--navy-500:#2B5675;--navy-600:#164260;--navy-700:#0B3654;--navy-800:#052D49;--navy-900:#031E31;--navy-950:#02131F;
  /* Follow teal */
  --teal-50:#E6F8FA;--teal-100:#C2EEF3;--teal-200:#8EE0E9;--teal-300:#4FCEDB;--teal-400:#1ABDCD;--teal-500:#00AEC1;--teal-600:#0094A5;--teal-700:#007886;--teal-800:#005D68;--teal-900:#00444C;
  /* North star orange (highlight, sparingly) */
  --orange-50:#FFF3E8;--orange-100:#FFE2C8;--orange-400:#FF8F35;--orange-500:#FF7A12;--orange-600:#E5650A;--orange-800:#8A3A05;
  /* Neutral (cool, navy-tinted) */
  --neutral-50:#F4F6F8;--neutral-100:#EAEEF2;--neutral-200:#DAE0E6;--neutral-300:#C1C9D2;--neutral-400:#98A3AF;--neutral-500:#677482;--neutral-600:#55616E;--neutral-950:#0C1218;
  /* Lead heat */
  --heat-hot-bg:#FCE8F2;--heat-hot-fg:#9C1B60;
  /* Feedback */
  --success:#1F9D55;--success-bg:#E5F6EC;--success-fg:#157A40;
  /* AI marker (violet; never the orange star) */
  --ai:#6C4DDB;--ai-bg:#F1EDFD;--ai-border:#D9CFFA;
  /* Avatar pairs (bg / fg) */
  --avatar-1-bg:#C2EEF3;--avatar-1-fg:#005D68;
  --avatar-2-bg:#D6E2EB;--avatar-2-fg:#0B3654;
  --avatar-3-bg:#FFE2C8;--avatar-3-fg:#8A3A05;
  --avatar-4-bg:#E6DEFC;--avatar-4-fg:#4A2FA8;
  --avatar-6-bg:#FBDDEA;--avatar-6-fg:#8E1F55;
  --avatar-7-bg:#FCEFC0;--avatar-7-fg:#6B4E00;

  /* Semantic aliases (light theme) */
  --bg-app:#FFFFFF;--bg-subtle:var(--neutral-50);--bg-sunken:var(--neutral-100);
  --surface-card:#FFFFFF;
  --text-primary:var(--navy-800);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-500);--text-link:var(--teal-700);--text-accent:var(--teal-700);
  --border-subtle:var(--neutral-100);--border-default:var(--neutral-200);
  --accent:var(--teal-500);--accent-hover:var(--teal-400);--accent-soft:var(--teal-50);--on-accent:var(--navy-800);
  --scrim:rgba(2,19,31,.48);
  --fill-strong:var(--navy-800);--fill-strong-hover:var(--navy-700);--on-fill-strong:#FFFFFF;

  /* Type */
  --font-sans:"Fredoka",ui-rounded,"SF Pro Rounded",system-ui,sans-serif;

  /* Effects */
  --shadow-sm:0 1px 3px rgba(5,45,73,.08),0 1px 2px rgba(5,45,73,.04);
  --shadow-md:0 4px 12px rgba(5,45,73,.10);
  --shadow-lg:0 12px 32px rgba(5,45,73,.14);
  --shadow-button:0 2px 0 rgba(5,45,73,.12);
  --focus-ring:0 0 0 3px var(--teal-200);
  --ease:cubic-bezier(0.22,1,0.36,1);
  --ease-standard:cubic-bezier(.2,.8,.2,1);
  --ease-bounce:cubic-bezier(.34,1.56,.64,1);
  --dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;
  --press-scale:.97;
  --blur-bar:saturate(1.4) blur(16px);
}

/* The phone mock's scan screen is a dark app screen. */
[data-theme="dark"]{
  --bg-app:#03192A;--text-primary:#F2F7FA;--text-secondary:#A9BCCB;
  --surface-card:#072A42;--border-default:#164260;--accent-soft:#073D4F;--text-accent:var(--teal-300);
  --fill-strong:#F2F7FA;--on-fill-strong:var(--navy-800);
}