/* Shared design tokens for آیین مهرورزی. Used by the app (app.css) and the admin (admin.css). */

@font-face { font-family: "Vazirmatn"; font-weight: 400; font-display: swap; src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"); }
@font-face { font-family: "Vazirmatn"; font-weight: 500; font-display: swap; src: url("../fonts/Vazirmatn-Medium.woff2") format("woff2"); }
@font-face { font-family: "Vazirmatn"; font-weight: 700; font-display: swap; src: url("../fonts/Vazirmatn-Bold.woff2") format("woff2"); }
@font-face { font-family: "Vazirmatn"; font-weight: 800; font-display: swap; src: url("../fonts/Vazirmatn-ExtraBold.woff2") format("woff2"); }

:root {
  /* Brand: deep teal for calm, sun yellow for "mehr" */
  --teal-900: #0B3B3D;
  --teal-800: #0D4A4C;
  --teal-700: #116466;
  --teal-100: #D3E9E7;
  --teal-50: #E9F4F3;
  --sun: #F2B33D;
  --sun-soft: #FDF1D3;
  --sun-ink: #7A5600;

  /* Neutrals, tinted toward teal */
  --paper: #F3F7F6;
  --surface: #FFFFFF;
  --ink: #14292A;
  --muted: #5C6F70;
  --line: #DCE5E4;
  --grey-soft: #E8EEED;

  /* Meaning */
  --ok: #1F7A4D;
  --ok-soft: #DFF3E8;
  --bad: #B23A2A;
  --bad-soft: #FBE6E2;

  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgba(11, 59, 61, 0.05), 0 4px 14px rgba(11, 59, 61, 0.05);
  --font: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
}