/* Design tokens from design/meeting-copilot (Electric Violet · Lime · Ink · Ground). */

/* Brand fonts are loaded from copilot/web/fonts when present (see fonts/README.md);
   otherwise the installed font or Malgun Gothic is used. No CDN. */
@font-face { font-family: "IBM Plex Sans KR"; font-weight: 400; font-display: swap;
  src: local("IBM Plex Sans KR"), local("IBMPlexSansKR-Regular"), url("../fonts/IBMPlexSansKR-Regular.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans KR"; font-weight: 500; font-display: swap;
  src: local("IBM Plex Sans KR Medium"), local("IBMPlexSansKR-Medium"), url("../fonts/IBMPlexSansKR-Medium.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans KR"; font-weight: 600; font-display: swap;
  src: local("IBM Plex Sans KR SemiBold"), local("IBMPlexSansKR-SemiBold"), url("../fonts/IBMPlexSansKR-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans KR"; font-weight: 700; font-display: swap;
  src: local("IBM Plex Sans KR Bold"), local("IBMPlexSansKR-Bold"), url("../fonts/IBMPlexSansKR-Bold.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-weight: 500 700; font-display: swap;
  src: local("Space Grotesk"), url("../fonts/SpaceGrotesk-Variable.woff2") format("woff2"); }

:root {
  --font-body: "IBM Plex Sans KR", "Malgun Gothic", system-ui, sans-serif;
  --font-num: "Space Grotesk", "Segoe UI", sans-serif;

  --violet: #7456F6;
  --violet-hover: #6144DF;
  --violet-strong: #4B30D6;
  --violet-deep: #3F27B8;
  --violet-link: #5A3FE0;
  --violet-soft: #EEEAFE;
  --violet-softer: #F4F2FF;
  --lime: #C9F36B;
  --lime-soft: #EFFBD2;
  --lime-ink: #2E4506;
  --ok: #5E8F0E;

  --ink: #191B2E;
  --ink-2: #2A2C45;
  --ink-ring: #34375A;
  --ink-muted: #C4C2DD;
  --text-2: #3A3C55;
  --muted: #5A5C73;
  --muted-2: #6B6D85;
  --muted-3: #8A8CA3;
  --muted-4: #A9A7C8;

  --ground: #F7F6FF;
  --surface: #FFFFFF;
  --surface-2: #F1EFFB;
  --tab-track: #ECE9FA;
  --line: #E8E5F7;
  --line-2: #ECE9FA;
  --line-3: #DAD6F0;
  --line-4: #E3E0F5;
  --line-soft: #F0EEFA;
  --switch-off: #D6D3E6;

  --warn: #9A4A06;
  --warn-soft: #FFF1E0;
  --warn-dot: #F5A55A;
  --danger: #B42318;
  --danger-soft: #FDECEC;
  --danger-line: #F3C9C9;
  --danger-dot: #E5484D;

  --radius-sm: 10px;
  --radius: 12px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 20px;
  --shadow-focus: 0 12px 32px rgba(116, 86, 246, 0.12);
  --shadow-tab: 0 2px 8px rgba(25, 27, 46, 0.08);
}