/* ============================================================================
   F3KF3K.COM × TAir — Whole-Site Serene Sky & Soaring Spectrum VI Tokens (v5.4)
   Brand Ethos: 飞翔自由 · 多种模型的美妙 · 云端静谧 (Freedom · Diversity · Serenity)
   Rule of Restraint: 96% Calm Sky/Carbon Neutrals + 4% Focal Accents (1–2 per view)
   ============================================================================ */

:root {
  /* 1. Official TAir & F3KF3K Heritage Brand Palette (Extracted from logo.ai) */
  --tair-wing-indigo: #534e8e;
  --tair-sky-blue: #3b76bc;
  --tair-meadow-green: #469a42;
  --tair-solar-orange: #ec6830;

  --f3k-red: #d02c27;
  --f3k-coral: #d75c41;
  --f3k-gold: #e9bf2c;
  --f3k-green: #3ea049;
  --f3k-ocean: #2765a1;
  --f3k-horizon: #1b3368;
  --f3k-twilight: #652879;

  /* 2. Refined Google-Cloud-Clarity UI Functional Tokens */
  --gc-blue: #1a73e8;
  --gc-blue-bright: #4285f4;
  --gc-blue-hover: #1557b0;
  --gc-blue-ink: #174ea6;
  --gc-blue-soft: #edf3fe;
  --gc-blue-border: #d4e3fc;

  --gc-red: #d93025;
  --gc-red-ink: #b3261e;
  --gc-red-soft: #fce8e6;
  --gc-red-border: #f6aea9;

  --gc-yellow: #f9ab00;
  --gc-yellow-ink: #945200;
  --gc-yellow-soft: #fef7e0;
  --gc-yellow-border: #fde293;

  --gc-green: #1e8e3e;
  --gc-green-ink: #137333;
  --gc-green-soft: #e6f4ea;
  --gc-green-border: #ceead6;

  /* 3. Single Focal Top-Edge Horizon Hairline (Smooth Atmospheric Spectrum, 2.5px max) */
  --f3k-horizon-line: linear-gradient(
    90deg,
    #1b3368 0%,
    #2765a1 22%,
    #3ea049 46%,
    #e9bf2c 68%,
    #ec6830 85%,
    #652879 100%
  );

  /* Backward-compatible alias kept subtle & smooth */
  --gc-spectrum-segmented: var(--f3k-horizon-line);
  --gc-spectrum-smooth: var(--f3k-horizon-line);

  /* 4. Serene Sky Whisper Aura (Ultra-calm top atmospheric light, never noisy) */
  --gc-page-aura:
    radial-gradient(960px 420px at 14% -8%, rgba(59, 118, 188, 0.055), transparent 68%),
    radial-gradient(840px 360px at 88% -8%, rgba(62, 160, 73, 0.035), transparent 66%);
}

/* Dark Theme Token Adaptation (Quiet Night Horizon) */
body.theme-dark {
  --gc-blue: #8ab4f8;
  --gc-blue-bright: #8ab4f8;
  --gc-blue-hover: #aecbfa;
  --gc-blue-ink: #aecbfa;
  --gc-blue-soft: rgba(138, 180, 248, 0.14);
  --gc-blue-border: rgba(138, 180, 248, 0.32);

  --gc-red: #f28b82;
  --gc-red-ink: #f6aea9;
  --gc-red-soft: rgba(242, 139, 130, 0.14);
  --gc-red-border: rgba(242, 139, 130, 0.32);

  --gc-yellow: #fdd663;
  --gc-yellow-ink: #fde293;
  --gc-yellow-soft: rgba(253, 214, 99, 0.14);
  --gc-yellow-border: rgba(253, 214, 99, 0.32);

  --gc-green: #81c995;
  --gc-green-ink: #a8dab5;
  --gc-green-soft: rgba(129, 201, 149, 0.15);
  --gc-green-border: rgba(129, 201, 149, 0.34);

  --gc-page-aura:
    radial-gradient(980px 460px at 16% -8%, rgba(96, 165, 250, 0.14), transparent 70%),
    radial-gradient(860px 380px at 86% -8%, rgba(74, 222, 128, 0.08), transparent 68%);
}

/* Site-Wide Focal Horizon Line Utility (Use ONCE at page top header only) */
.f3k-horizon-ribbon {
  height: 2.5px;
  width: 100%;
  background: var(--f3k-horizon-line);
}