/**
 * OurDigital Brand Tokens
 * Complete CSS variable system for OurDigital visual identity
 */

:root {
  /* ===== D.intelligence Primary Colors ===== */
  --d-black: #221814;           /* D.Black - Primary dark */
  --d-olive: #cedc00;           /* D.Olive - Brand accent */
  --d-green: #287379;           /* D.Green - Secondary accent */
  --d-blue: #0075c0;            /* D.Blue - Link/action */
  --d-beige: #f2f2de;           /* D.Beige - Light background */
  --d-gray: #ebebeb;            /* D.Gray - Background alt */
  --d-border: #cdcac8;          /* Border Line */

  /* ===== D.HIVE Colors ===== */
  --d-hive-yellow: #ffe100;     /* D.HIVE Yellow */
  --d-hive-orange: #f1a615;     /* D.HIVE Orange */
  --d-hive-skyblue: #21a8bc;    /* D.HIVE Sky Blue */

  /* ===== Text Colors ===== */
  --color-text-black: #000000;  /* Black text */
  --color-text-gray: #7a7a7b;   /* Gray text */
  --color-text-white: #ffffff;  /* White text */

  /* ===== Semantic Mappings ===== */
  --color-accent: #cedc00;      /* Primary accent = D.Olive */
  --color-dark: #221814;        /* Dark = D.Black */
  --color-text-main: #000000;   /* Main text = Black */
  --color-text-dim: #7a7a7b;    /* Dim text = Gray */
  --color-link: #0075c0;        /* Links = D.Blue */
  --color-link-hover: #287379;  /* Link hover = D.Green */
  --color-bg: #ffffff;          /* Background = White */
  --color-bg-alt: #ebebeb;      /* Alt background = D.Gray */
  --color-border: #cdcac8;      /* Borders = Border Line */

  /* ===== Typography ===== */
  --font-primary: "Inter", "Noto Sans KR", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-korean: "Noto Sans KR", system-ui, sans-serif;
  --font-english: "Inter", "Noto Sans", system-ui, sans-serif;

  --text-size-body: 16px;
  --text-size-small: 14px;
  --text-size-caption: 12px;
  --text-size-h1: 2.5rem;
  --text-size-h2: 2rem;
  --text-size-h3: 1.5rem;
  --text-size-h4: 1.25rem;

  /* ===== Spacing ===== */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  /* ===== Border Radius ===== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* ===== Shadows ===== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
}