/* tokens.css — doubletime.co.kr design tokens.
 *
 * Corporate / creative-practice voice: pure white stage, near-black
 * text, slate accent, Pretendard sans only (no serif display),
 * generous whitespace, hairline neutral borders.
 */

:root {
  /* palette */
  --d-bg:           #FFFFFF;
  --d-bg-alt:       #F7F7F8;
  --d-text:         #0B0D10;
  --d-text-2:       #4B5563;
  --d-text-3:       #9CA3AF;
  --d-border:       #E5E7EB;
  --d-border-2:     #D1D5DB;
  --d-accent:       #0F172A;
  --d-accent-hover: #1E293B;

  /* type */
  --d-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui,
            'Helvetica Neue', Arial, sans-serif;
  --d-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo,
            Consolas, monospace;

  --d-w-regular:  400;
  --d-w-medium:   500;
  --d-w-semibold: 600;
  --d-w-bold:     700;

  /* spacing scale */
  --d-sp-1:  8px;
  --d-sp-2: 16px;
  --d-sp-3: 24px;
  --d-sp-4: 32px;
  --d-sp-5: 40px;
  --d-sp-6: 56px;
  --d-sp-8: 80px;
  --d-sp-10: 96px;
  --d-sp-12: 120px;

  /* misc */
  --d-r-sm: 2px;
  --d-r-md: 4px;
  --d-r-lg: 6px;

  --d-dur-fast: 120ms;
  --d-dur-med:  220ms;
}

/* reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--d-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--d-text);
  background: var(--d-bg);
  font-feature-settings: "ss01", "ss02";
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: inherit; text-decoration: none; transition: color var(--d-dur-fast); }
a:hover { color: var(--d-accent-hover); }
img, svg { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; }
ul { list-style: none; }

/* shared container */
.container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 32px;
}
@media (max-width: 640px) {
  .container { padding: 0 20px; }
}