﻿/* FAMINAB — Alkemy design tokens (shared) */
body.page-alkemy {
  --ak-bg: #050508;
  --ak-bg-elevated: #0a0a10;
  --ak-bg-card: #111118;
  --ak-bg-card-hover: #17171f;
  --ak-text: #f4f4fa;
  --ak-text-muted: #a8a8c0;
  --ak-text-soft: #c0c0d0;
  --ak-accent: #2dd4a8;
  --ak-accent-dim: #1a9e7a;
  --ak-accent-rgb: 45, 212, 168;
  --ak-accent-dim-rgb: 26, 158, 122;
  --ak-accent-border: rgba(var(--ak-accent-dim-rgb), 0.85);
  --ak-gold: #e8b840;
  --ak-line: rgba(255, 255, 255, 0.06);
  --ak-line-strong: rgba(255, 255, 255, 0.1);
  --ak-gradient-accent: linear-gradient(135deg, var(--ak-accent) 0%, var(--ak-gold) 100%);
  --ak-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ak-section-pad: clamp(36px, 4.5vw, 64px);
  --ak-font-display: "Vazirmatn", "Outfit", system-ui, sans-serif;
  --ak-font-ui: "Vazirmatn", "Outfit", system-ui, sans-serif;
  --ak-radius-btn: 12px;
  --ak-radius-sm: 10px;
  --ak-radius-card: 14px;
  --ak-radius-panel: 16px;

  /* Unified search fields */
  --ak-search-h: 44px;
  --ak-search-h-sm: 40px;
  --ak-search-radius: 12px;
  --ak-search-bg: rgba(255, 255, 255, 0.06);
  --ak-search-bg-hover: rgba(255, 255, 255, 0.085);
  --ak-search-bg-focus: rgba(255, 255, 255, 0.1);
  --ak-search-border: rgba(255, 255, 255, 0.16);
  --ak-search-border-focus: rgba(var(--ak-accent-rgb), 0.55);
  --ak-search-ring: 0 0 0 3px rgba(var(--ak-accent-rgb), 0.14);
  --ak-search-icon: rgba(255, 255, 255, 0.48);
  --ak-search-icon-focus: var(--ak-accent);
  --ak-search-placeholder: rgba(255, 255, 255, 0.42);
  --ak-search-text: var(--ak-text);
}

html[data-theme="light"] body.page-alkemy {
  --ak-bg: #f6f6f8;
  --ak-bg-elevated: #ffffff;
  --ak-bg-card: #ffffff;
  --ak-bg-card-hover: #f0f0f4;
  --ak-text: #0a0a10;
  --ak-text-muted: #5a5a72;
  --ak-text-soft: #787890;
  --ak-line: rgba(0, 0, 0, 0.08);
  --ak-line-strong: rgba(0, 0, 0, 0.12);

  --ak-search-bg: rgba(255, 255, 255, 0.88);
  --ak-search-bg-hover: #ffffff;
  --ak-search-bg-focus: #ffffff;
  --ak-search-border: rgba(0, 0, 0, 0.1);
  --ak-search-border-focus: rgba(var(--ak-accent-rgb), 0.55);
  --ak-search-ring: 0 0 0 3px rgba(var(--ak-accent-rgb), 0.16);
  --ak-search-icon: rgba(10, 10, 16, 0.42);
  --ak-search-placeholder: rgba(10, 10, 16, 0.4);
  --ak-search-text: #0a0a10;
}
