/* ================================
   OurDigital Design Tokens
   ================================ */
:root {
  /* Brand Colors */
  --color-accent: #f1cd00; /* D.intelligence Yellow */
  --color-text-main: #000000;
  --color-text-dim: #4f4f4f;
  --color-link: #5f5f30;
  --color-link-hover: #3f7e90;
  --color-bg: #ffffff;
  --color-bg-alt: #f8f8f8;
  --color-border: #e5e5e5;

  /* Typography */
  --font-primary: "Inter", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --text-size-body: 16px;
  --text-size-h1: 48px;
  --text-size-h2: 28px;
  --text-size-h3: 20px;
  --line-height-body: 1.6;
  --line-height-heading: 1.3;

  /* Layout */
  --layout-max-width: 1200px;
  --layout-padding-x: 24px;
  --section-padding-desktop: 120px;
  --section-padding-tablet: 80px;
  --section-padding-mobile: 60px;

  /* Radius */
  --radius-card: 16px;
  --radius-button: 10px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card-hover: 0 16px 32px rgba(0, 0, 0, 0.06);

  /* Transition */
  --transition-fast: 0.2s ease;
}