/* ==========================================================================
   碳界 CARBONEDGE — Design Tokens
   ========================================================================== */

@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/ChakraPetch-600.woff2") format("woff2");
}
@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/ChakraPetch-700.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/Inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/Inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/Inter-600.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/Inter-700.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/JetBrainsMono-400.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/JetBrainsMono-500.woff2") format("woff2");
}

:root {
  /* color */
  --bg-0: #080b0f;
  --bg-1: #0d1117;
  --bg-2: #131a22;
  --bg-3: #182029;
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.18);
  --text: #edf1f4;
  --text-2: #a9b3be;
  --text-3: #7c8894;
  --accent: #e8a33d;
  --accent-2: #f2bc6b;
  --accent-dim: rgba(232, 163, 61, 0.14);
  --silver: #c6cfd8;
  --success: #7fbf7a;
  --danger: #d47a6a;

  /* type */
  --font-display: "Chakra Petch", "PingFang SC", "Microsoft YaHei",
    "Noto Sans SC", sans-serif;
  --font-body: "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans SC",
    sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* type scale */
  --text-hero: clamp(2.35rem, 6vw, 4.55rem);
  --text-h2: clamp(1.75rem, 3.4vw, 2.55rem);
  --text-h3: 1.15rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-label: 0.78rem;
  --text-mono: 0.8rem;
  --lh-tight: 1.14;
  --lh-body: 1.75;

  /* space */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --section-y: clamp(88px, 12vw, 140px);
  --container: 1200px;

  /* geometry */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 10px 30px rgba(0, 0, 0, 0.45);
  --shadow-2: 0 18px 50px rgba(0, 0, 0, 0.55);

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
  --t-slow: 640ms;

  /* header */
  --header-h: 72px;
}