/* ============================================
   SAIYA LOG - CSS Custom Properties
   Theme: 長ネギ (Negi / Green Onion)
   深緑×白ネギ色の和ナチュラルテーマ
   ============================================ */

:root {
  /* --- Colors --- */
  --color-primary: #2d6a4f;
  --color-primary-dark: #1b4332;
  --color-primary-light: #d8f3dc;
  --color-accent: #588157;
  --color-accent-light: #a7c4a0;
  --color-bg: #fefefe;
  --color-text: #1b1b1b;
  --color-text-secondary: #52796f;
  --color-text-tertiary: #8daa91;
  --color-border: #74a87a;
  --color-border-strong: #2d6a4f;
  --color-border-light: #d8e8d4;
  --color-surface: #f4f9f4;
  --color-surface-alt: #eaf2ea;
  --color-negi-white: #f4f1de;
  --color-negi-green: #95d5b2;

  /* --- Borders --- */
  --border-thick: 2px solid var(--color-border);
  --border-thin: 1px solid var(--color-border-light);
  --border-hero: 3px solid var(--color-border-strong);
  --border-section: 2px solid var(--color-border-strong);

  /* --- Typography --- */
  --font-heading: "Noto Sans JP", "Arial Black", sans-serif;
  --font-body: "Noto Sans JP", system-ui, sans-serif;
  --font-mono: "SF Mono", "Courier New", monospace;

  /* --- Shadows --- */
  --shadow-hard: 4px 4px 0 rgba(45, 106, 79, 0.3);
  --shadow-hard-sm: 3px 3px 0 rgba(45, 106, 79, 0.3);
  --shadow-hard-lg: 6px 6px 0 rgba(45, 106, 79, 0.3);
  --shadow-card: 0 2px 8px rgba(45, 106, 79, 0.08);
  --shadow-card-hover: 0 4px 16px rgba(45, 106, 79, 0.15);

  /* --- Border Radius --- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* --- Spacing --- */
  --spacing-section: 56px;

  /* --- Transitions --- */
  --transition-snap: 0.15s ease;
  --transition-smooth: 0.2s ease;
}