@font-face {
  font-family: "YekanBakh";
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/yekan-bakh-300.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: "YekanBakh";
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/yekan-bakh-400.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: "YekanBakh";
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/yekan-bakh-400.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: "YekanBakh";
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/yekan-bakh-600.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: "YekanBakh";
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/yekan-bakh-700.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: "YekanBakh";
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/yekan-bakh-800.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}

@font-face {
  font-family: "Outfit";
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/outfit-latin-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Outfit";
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/outfit-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Brand tokens shared by the studio and the public site: luminous coral-to-orange gradient, indigo ink, lilac and sky accents. */
:root {
  color-scheme: light; /* the studio and the site have one theme only */
  --ink: #16132b;
  --brand: #d93c18; /* text-bearing brand fill: white on it passes AA */
  --brand-hot: #c63414;
  --brand-press: #ab2c10;
  --brand-1: #ff6a4d; /* vivid, decorative only */
  --brand-2: #ff9a3d;
  --brand-grad: linear-gradient(135deg, #ff6a4d 0%, #ff9a3d 100%);
  --brand-btn: linear-gradient(135deg, #d93c18 0%, #e8501f 100%);
  --brand-btn-hot: linear-gradient(135deg, #c93614 0%, #dd4a1a 100%);
  --orange: #ff9a3d;
  --orange-light: #ffc08a;
  --lilac: #7c6cff;
  --sky: #4cc3ff;
  --peach: #ffd9c7;
  --coral: #ffb4a0;
  --tint: #fff0ea;
  --tint-2: #fff7f3;
  --yellow: #ffd166;
  --pink: #ff6a4d;
  --night: #14102b;
  --night-2: #241a4a;
  --night-3: #3a1f5e;
  --accent: #d93c18;
  --accent-hot: #c63414;
  --accent-text: #c2381a;
  --accent-soft: rgba(255, 106, 77, 0.11);
  --accent-fg: #ffffff;
  --title-bg: rgba(255, 255, 255, 0.72);
  --title-fg: #16132b;
  --ribbon-bg: #ffffff;
  --ribbon-line: rgba(60, 50, 120, 0.12);
  --surface: #ffffff;
  --surface-2: #f7f5ff;
  --workspace: #fffdfb;
  --text: #16132b;
  --text-dim: #4a4766;
  --text-mute: #5e5b78;
  --line: rgba(60, 50, 120, 0.1);
  --line-strong: rgba(60, 50, 120, 0.26);
  --success: #0f8a5f;
  --warn: #9a5a00;
  --danger: #c9283a;
  --shadow: 0 30px 60px -30px rgba(60, 40, 140, 0.3), 0 12px 24px -16px rgba(255, 106, 77, 0.18);
  --shadow-sm: 0 1px 2px rgba(40, 30, 100, 0.06), 0 8px 22px -10px rgba(80, 60, 180, 0.18);
  --slide-shadow: 0 8px 28px rgba(30, 20, 80, 0.26);
  --radius: 14px;
  --radius-sm: 10px;
  --radius-lg: 28px;
  --focus: 0 0 0 3px rgba(124, 108, 255, 0.35);
  --font: "Outfit", "YekanBakh", "Segoe UI", system-ui, -apple-system, "Noto Sans", "DejaVu Sans", sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "DejaVu Sans Mono", monospace;
  --log-bg: #f8f6ff;
  --glass: rgba(255, 255, 255, 0.68);
  --glass-line: rgba(255, 255, 255, 0.9);
  --glow-brand: 0 10px 28px -8px rgba(255, 106, 77, 0.55), 0 0 0 1px rgba(255, 154, 61, 0.25);
  --aurora:
    radial-gradient(46% 38% at 100% 0%, rgba(255, 180, 160, 0.34), transparent 70%),
    radial-gradient(40% 34% at 0% 100%, rgba(207, 235, 255, 0.5), transparent 70%),
    radial-gradient(34% 30% at 12% 0%, rgba(217, 210, 255, 0.4), transparent 70%);
}
