/* =============================================
   ROYAL SPIRULINA — DESIGN TOKENS
   V1 Luxury Editorial
   ============================================= */

:root {
  /* === Brand Colors === */
  --emerald: #0A3A2A;
  --emerald-light: #1A5C42;
  --emerald-mid: #0D4A35;
  --gold: #C9A84C;
  --gold-light: #D4B96A;
  --gold-dim: rgba(201, 168, 76, 0.15);
  --gold-focus: rgba(201, 168, 76, 0.35);

  /* === Neutrals === */
  --ivory: #FAF7F0;
  --ivory-dark: #F0EBE0;
  --charcoal: #1A1A1A;
  --charcoal-light: #3A3A3A;
  --white: #FFFFFF;
  --text-muted: #5C5C52;

  /* === Borders === */
  --border: rgba(0,0,0,0.1);
  --border-light: rgba(0,0,0,0.06);

  /* === Status === */
  --success: #2E7D32;
  --danger: #C0392B;

  /* === Radius === */
  --radius: 4px;
  --radius-lg: 8px;

  /* === Shadows === */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
  --shadow-hover: 0 30px 80px rgba(0,0,0,0.08);

  /* === Transitions === */
  --transition: 0.3s ease;
  --transition-slow: 0.4s ease;

  /* === Layout === */
  --nav-height: 80px;
  --nav-height-scrolled: 64px;
  --content-padding: 10%;

  /* === SVG Pattern (gold cross) === */
  --pattern-svg: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}