/* =======================================================
   GFS-Group variables.css v1.0

   Company: グローバルフードソリューション株式会社
   Issued: 2026-04-19
   Maintainer: COREHITS LLC
======================================================= */

:root {
  color-scheme: light;
  /* ---------- Layer 1 : GFS-Group BI v1.0 継承 ---------- */
  --font-ja-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --font-ja-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-en-sans: "Outfit", "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Noto Sans Mono", Consolas, Menlo, monospace;

  --gray-900: #1c1c1c;
  --gray-800: #3a3a3a;
  --gray-700: #505050;
  --gray-500: #808080;
  --gray-300: #b0b0b0;
  --gray-200: #d8d8d8;
  --gray-100: #f0efed;

  --navy-dark: #0f2440;
  --navy: #1a3a5c;
  --navy-light: #2c4f6e;

  --bg: #fafaf8;
  --bg-alt: #f0efed;
  --border: #e0ddd8;

  /* ---------- Layer 2 : GFS-Group Brand ---------- */
  --gfs-primary: #1a3a5c; /* Authority Navy */
  --gfs-accent: #78b8b8; /* Calm Teal */
  --gfs-accent-sub: #b5d4d4;

  --gfs-success: #3a9c5f;
  --gfs-success-sub: #d8edd8;
  --gfs-warning: #c88a28;
  --gfs-warning-sub: #f5e4cf;
  --gfs-error: #c5483e;
  --gfs-error-sub: #f5d8d5;
  --gfs-info: #78b8b8;
  --gfs-info-sub: #d5e4f2; /* = Accent兼用 */

  /* ---------- Semantic Aliases (共通API) ---------- */
  --primary: var(--gfs-primary);
  --accent: var(--gfs-accent);
  --accent-sub: var(--gfs-accent-sub);

  --success: var(--gfs-success);
  --success-sub: var(--gfs-success-sub);
  --warning: var(--gfs-warning);
  --warning-sub: var(--gfs-warning-sub);
  --error: var(--gfs-error);
  --error-sub: var(--gfs-error-sub);
  --info: var(--gfs-info);
  --info-sub: var(--gfs-info-sub);

  /* ---------- Design Tokens ---------- */
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;

  --fs-hero: clamp(2rem, 5vw, 4rem);
  --fs-h1: clamp(1.5rem, 3.5vw, 2.5rem);
  --fs-h2: clamp(1.25rem, 2.5vw, 2rem);
  --fs-h3: clamp(1.125rem, 2vw, 1.5rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;

  /* Display size — section-heading__ja 用（Web Spec 反映要） */
  --fs-display: clamp(1.75rem, 4vw, 3rem);

  /* Watermark — section-heading 背面の巨大英字透かし（装飾専用・--fs スケール外） */
  --fs-watermark: clamp(3.5rem, 11vw, 7rem);
  --fs-watermark-sp: clamp(1.8rem, 12vw, 2.6rem);

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --lh-tight: 1.25;
  --lh-base: 1.6;
  --lh-loose: 1.8;

  --ls-wide: 0.1em;
  --ls-wider: 0.2em;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(28, 28, 28, 0.06);
  --shadow-md: 0 2px 8px rgba(28, 28, 28, 0.08);
  --shadow-lg: 0 8px 24px rgba(28, 28, 28, 0.12);
  --shadow-xl: 0 16px 48px rgba(28, 28, 28, 0.16);

  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-header: 300;
  --z-overlay: 500;
  --z-modal: 1000;
  --z-toast: 2000;

  --transition-fast: 0.1s ease-out;
  --transition-base: 0.2s ease-out;
  --transition-slow: 0.4s ease-in-out;
}

/* ---------- 半透明色のチャネルトークン（rgba(var(--*-rgb), A) 用・値は既存パレットと同一） ---------- */
:root {
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --ink-rgb: 28, 28, 28;        /* = #1c1c1c / --gray-900 */
  --navy-rgb: 26, 58, 92;       /* = #1a3a5c / --navy */
  --navy-dark-rgb: 15, 36, 64;  /* = #0f2440 / --navy-dark */
  --accent-rgb: 120, 184, 184;  /* = #78b8b8 / --gfs-accent */
}