/**
 * FILAIRPHONE · KISHTAPP — Design tokens
 * Direction : White Luxury × Fashion × Technology
 */
:root {
  /* ── Surfaces ── */
  --color-bg: #f7f6f2;
  --color-background: #f7f6f2;
  --color-background-alt: #f2f0eb;
  --color-surface: #ffffff;
  --color-surface-elevated: #ffffff;

  /* ── Texte ── */
  --color-text: #111111;
  --color-text-primary: #111111;
  --color-text-secondary: #666666;
  --color-text-muted: #888888;
  --color-text-inverse: #ffffff;

  /* ── Noir premium ── */
  --color-dark: #0d0d0d;

  /* ── Accent FILAIRPHONE ── */
  --color-accent: #a81024;
  --color-accent-hover: #8a0d1e;
  --color-accent-soft: rgba(168, 16, 36, 0.08);
  --color-accent-border: rgba(168, 16, 36, 0.28);
  --color-accent-glow: rgba(168, 16, 36, 0.14);

  /* ── Or (micro-touche premium) ── */
  --color-gold: #b08d57;
  --color-gold-soft: rgba(176, 141, 87, 0.12);

  /* ── Bordures & lignes ── */
  --color-border: rgba(17, 17, 17, 0.1);
  --color-border-strong: rgba(17, 17, 17, 0.14);
  --color-border-focus: var(--color-accent);

  /* ── Ombres ── */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 12px 40px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.08);

  /* ── Rayons ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* ── Transitions ── */
  --transition-fast: 0.2s ease;
  --transition-base: 0.32s cubic-bezier(0.2, 0.7, 0.2, 1);

  /* ── Espacements section ── */
  --section-padding-y: clamp(80px, 10vw, 128px);
  --section-gap: clamp(52px, 6vw, 88px);

  /* ── Alias legacy ── */
  --fp-ink: var(--color-text-primary);
  --fp-card: var(--color-surface);
  --fp-card-border: var(--color-border);
  --fp-soft: var(--color-background-alt);
  --fp-line: var(--color-border);
  --fp-gold: var(--color-gold);
  --fp-gold-soft: var(--color-gold-soft);
  --fp-gold-muted: var(--color-text-muted);
  --fp-accent: var(--color-accent);
  --fp-accent-bright: var(--color-accent-hover);
  --fp-accent-soft: var(--color-accent-soft);
  --fp-accent-border: var(--color-accent-border);
  --fp-glow: var(--color-accent-glow);

  --ink: var(--color-text-primary);
  --ink2: #262626;
  --paper: var(--color-surface);
  --stone: var(--color-background-alt);
  --stone2: var(--color-background);
  --grey: var(--color-text-secondary);
  --grey2: var(--color-text-muted);
  --line: var(--color-border);
  --line-d: var(--color-border-strong);
  --line-strong: var(--color-border-strong);
  --warm: var(--color-accent);
  --soft: var(--color-background-alt);
  --deep: var(--color-dark);
  --muted: var(--color-text-secondary);
  --muted-on-dark: rgba(255, 255, 255, 0.62);
  --r: var(--radius-md);

  --panel: var(--color-surface);
  --panel-strong: var(--color-surface-elevated);
  --premium-line: var(--color-border);
}