/* CSS Variables for consistent theming */

:root {
  /* Typography */
  --font-family-primary: 'BIZ UDMincho', 'Courier New', Courier, monospace;
  --font-size-base: 16px;
  --font-size-mobile: 14px;
  --font-weight-normal: normal;
  --font-weight-bold: 700;
  --line-height: 1.20rem;
  --border-thickness: 1px;

  /* Colors - Light Mode */
  --color-text: #24292e;
  --color-background: #FFFFFF;
  --color-link: #0000FF;
  --color-link-hover: #0000FF;
  --color-border: #24292e;

  /* Table columns */
  --table-column-date: 10ch;

  /* Layout */
  --padding-base: 2ch;
  --padding-mobile: 1ch;

  font-family: var(--font-family-primary);
  font-optical-sizing: auto;
  font-weight: var(--font-weight-normal);
  font-style: normal;
  font-variant-numeric: tabular-nums lining-nums;
  font-size: var(--font-size-base);
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
  :root {
    --color-text: #e1e4e8;
    --color-background: #0d1117;
    --color-link: #0000FF;
    --color-link-hover: #0000FF;
    --color-border: #30363d;
  }
}

/* Font Face Definitions */
@font-face {
  font-family: 'BIZ UDMincho';
  src: url('/assets/fonts/BIZUDMincho-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BIZ UDMincho';
  src: url('/assets/fonts/BIZUDMincho-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}