/* =============================================================================
   Direct Skills UAE — "The Credential" design tokens
   -----------------------------------------------------------------------------
   The ONLY file allowed to hold literal colours, and only as fallbacks. Every
   public page prints the real values from Settings → Branding & theme in a
   <style> block straight after this file (App\Support\Theme::compile), so a
   saved preset recolours the whole site. The fallbacks below equal what the
   default "Navy & gold" preset compiles to.
   ========================================================================== */

:root {
  --ds-ink: #0f2a4a;
  --ds-ink-rgb: 15 42 74;
  --ds-ink-deep: #0a1628;
  --ds-ink-deep-rgb: 10 22 40;
  --ds-ink-2: #1c3d63;
  --ds-gold: #c9a55c;
  --ds-gold-rgb: 201 165 92;
  --ds-gold-soft: #e0cba1;
  --ds-gold-soft-rgb: 224 203 161;
  --ds-gold-deep: #9f7c35;
  --ds-paper: #fdfcfa;
  --ds-paper-rgb: 253 252 250;
  --ds-parchment: #f8f5ef;
  --ds-parchment-rgb: 248 245 239;
  --ds-parchment-2: #f0eadd;
  --ds-text: #14203a;
  --ds-muted: #5d6677;
  --ds-line: #e6dfd1;
  --ds-success: #15803d;
  --ds-error: #b91c1c;
  --ds-white: #ffffff;

  --ds-font-head: "Jost", "Segoe UI", system-ui, sans-serif;
  --ds-font-caps: "Cinzel", "Times New Roman", serif;
  --ds-font-body: "Figtree", "Segoe UI", system-ui, sans-serif;

  --ds-container: 1240px;
  --ds-container-wide: 1400px;
  --ds-radius: 14px;
  --ds-arch: 999px 999px 14px 14px / 150px 150px 14px 14px;
  --ds-shadow: 0 22px 48px -18px rgb(var(--ds-ink-deep-rgb) / .22);
  --ds-shadow-soft: 0 10px 30px -14px rgb(var(--ds-ink-deep-rgb) / .16);
  --ds-ease: cubic-bezier(.22, .61, .36, 1);
}