/* ==============================================
   style.css — Coreberg テーマ 宣言 & Design Tokens
   Cinematic Monolith ブランドガイドライン準拠
   ============================================== */

/*
Theme Name: Coreberg
Theme URI: https://coreberg.co.jp/
Author: Coreberg
Author URI: https://coreberg.co.jp/
Description: Coreberg 企業サイト用カスタムテーマ — Cinematic Monolith
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coreberg
*/

/* =============================================
   Design Tokens (CSS Custom Properties)
   ============================================= */
:root {
   /* ── Colors ── */
   --color-bg: #000000;
   /* OLED Black */
   --color-text: #F5F5F7;
   /* Apple オフホワイト */
   --color-text-muted: #86868B;
   /* 補足テキスト */
   --color-accent: #0bbfca;
   /* Coreberg Cyan */
   --color-border: #333333;
   /* 極細区切り線 */

   /* ── Typography ── */
   --font-logo: 'Chakra Petch', sans-serif;
   --font-sans: 'Noto Sans JP', 'Inter', sans-serif;
   --font-en: 'Inter', 'Noto Sans JP', sans-serif;

   /* ── Easing (Cinematic) ── */
   --ease-heavy: cubic-bezier(0.16, 1, 0.3, 1);
   --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);

   /* ── Font sizes ── */
   --text-xs: 0.75rem;
   /* 12px */
   --text-sm: 0.875rem;
   /* 14px */
   --text-base: 1rem;
   /* 16px */
   --text-lg: 1.125rem;
   /* 18px */
   --text-xl: 1.25rem;
   /* 20px */
   --text-2xl: 1.5rem;
   /* 24px */
   --text-3xl: 1.875rem;
   /* 30px */
   --text-4xl: 2.25rem;
   /* 36px */
   --text-5xl: 3rem;
   /* 48px */
   --text-6xl: 3.75rem;
   /* 60px */
   --text-7xl: 5rem;
   /* 80px */
   --text-8xl: 7.5rem;
   /* 120px */

   /* ── Font weights ── */
   --weight-light: 300;
   --weight-regular: 400;
   --weight-medium: 500;

   /* ── Spacing ── */
   --space-1: 0.25rem;
   --space-2: 0.5rem;
   --space-3: 0.75rem;
   --space-4: 1rem;
   --space-5: 1.25rem;
   --space-6: 1.5rem;
   --space-8: 2rem;
   --space-10: 2.5rem;
   --space-12: 3rem;
   --space-16: 4rem;
   --space-20: 5rem;
   --space-24: 6rem;
   --space-32: 8rem;
   --space-40: 10rem;
   --space-section: clamp(10rem, 15vw, 15rem);
   /* 160px〜240px */

   /* ── Layout ── */
   --container-max: 1280px;
   --container-pad: clamp(1.25rem, 5vw, 3rem);

   /* ── Header ── */
   --header-height: 72px;

   /* ── Transitions ── */
   --transition: 0.3s ease;
   --transition-fast: 0.2s ease;
   --transition-slow: 0.5s ease;
}