/* ==========================================================================
   CO-OASIS (コ・オアシス) Design System & Token Variables
   Japanese Modern Biophilic Sanctuary (Clean, Warm & Sophisticated)
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------------
     Base Backgrounds: Crisp Minimalist White & Light Zinc (白×黒ベース)
     ------------------------------------------------------------------------ */
  --bg-body: #FFFFFF;              /* ベース：洗練された純白 */
  --bg-surface: #FFFFFF;           /* カード・サーフェス：純白 */
  --bg-subtle: #F4F4F6;            /* セクション背景：クールなライトジンク・淡グレー */
  --bg-accent: #EAEAEF;            /* 区切り・薄背景：クリーンなライトグレー */
  --bg-dark-accent: #09090B;       /* フッター・ダークCTA：漆黒・オブシディアン */
  --bg-dark-surface: #18181B;      /* ダークサーフェス：マットブラック */

  /* ------------------------------------------------------------------------
     Brand Colors: Modern High-Contrast Monochrome
     ------------------------------------------------------------------------ */
  --primary-deep: #09090B;         /* 漆黒（メイン見出し・ロゴ・キーアクセント） */
  --primary-forest: #18181B;       /* オブシディアンブラック */
  --primary-moss: #27272A;         /* チャコールブラック（ボタン・アクセント） */
  --primary-sage: #52525B;         /* スレートグレー（サブテキスト・アイコン） */
  --primary-light: #F4F4F6;        /* ライトグレー（タグ・バッジ背景） */
  --primary-glow: rgba(0, 0, 0, 0.06);

  /* ------------------------------------------------------------------------
     Accent & Highlight Colors: High-Contrast Obsidian & Platinum
     ------------------------------------------------------------------------ */
  --accent-gold: #09090B;          /* プライマリアクション：高品位ソリッドブラック */
  --accent-gold-dark: #000000;     /* ピュアブラック */
  --accent-gold-light: #F4F4F6;    /* ライトハイライト背景 */
  --accent-terracotta: #09090B;    /* 必須バッジ・強調：ソリッドブラック */

  /* ------------------------------------------------------------------------
     Typography Colors (High Contrast & Clean Modern Readability)
     ------------------------------------------------------------------------ */
  --text-primary: #09090B;         /* 高コントラストな墨黒 */
  --text-secondary: #52525B;       /* 本文・説明文用ダークチャコール */
  --text-muted: #71717A;           /* 注記・補足用ミディアムグレー */
  --text-light: #FFFFFF;           /* 反転白文字 */
  --text-light-sub: #A1A1AA;       /* ダーク背景時のサブ文字 */

  /* ------------------------------------------------------------------------
     Borders & Shadow Elevations
     ------------------------------------------------------------------------ */
  --border-subtle: #E4E4E7;
  --border-medium: #D4D4D8;
  --border-primary: rgba(9, 9, 11, 0.25);
  --border-gold: #09090B;

  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 16px 40px rgba(0, 0, 0, 0.12);

  /* ------------------------------------------------------------------------
     Typography Fonts
     ------------------------------------------------------------------------ */
  --font-ja: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-mincho: 'Shippori Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
  --font-en: 'Plus Jakarta Sans', 'Outfit', sans-serif;

  /* ------------------------------------------------------------------------
     Transitions & Border Radii (Japanese Modern: Clean, moderate curvature)
     ------------------------------------------------------------------------ */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s var(--ease-out);
  --transition-normal: 0.35s var(--ease-out);
  --transition-slow: 0.6s var(--ease-out);

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-btn: 8px;               /* 洗練された8pxボタン角丸 */
  --radius-md: 10px;
  --radius-card: 12px;             /* 落ち着きのある12pxカード角丸 */
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Layout Containers */
  --container-max: 1160px;
  --container-narrow: 880px;
  --container-wide: 1280px;
}