/* Shared presentation tokens for the Customer Journey dashboards.
   Values come from the three module token files (product's is the superset); concept pages keep their own copies. */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('../fonts/cairo-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('../fonts/cairo-latin-ext.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;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('../fonts/cairo-latin.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;
}
/* New Saudi Riyal sign (U+20C1); no system font ships it yet. */
@font-face { font-family: 'ShkRiyal'; font-weight: 100 600; src: url('../fonts/riyal-pkg.woff2') format('woff2'); }
@font-face { font-family: 'ShkRiyal'; font-weight: 601 1000; src: url('../fonts/riyal-pkg-bold.woff2') format('woff2'); }

:root {
  /* Brand greens: header #1C5F4A / nav #164B3B sampled from production; #018963 is the child theme's --shaker-brand. */
  --shk-green-950: #0D211A;
  --shk-green-900: #123E31;
  --shk-green-800: #164B3B;
  --shk-green-700: #1C5F4A;
  --shk-green-600: #016B4D;
  --shk-green-500: #018963;
  --shk-green-300: #8FC4B0;
  --shk-green-200: #CFE3DB;
  --shk-green-100: #E6F0EC;
  --shk-green-50: #F1F6F4;

  --shk-gold-700: #6B5714;
  --shk-gold-600: #B89736;
  --shk-gold-500: #D1BF70;
  --shk-gold-200: #EADFB0;
  --shk-gold-100: #F7F1DA;

  --shk-ink-900: #1F2A26;
  --shk-ink-700: #44514C;
  --shk-ink-500: #5E6A65;
  --shk-ink-300: #9CA8A2;
  --shk-on-dark: #FFFFFF;
  --shk-on-dark-muted: #CFE0D9;

  --shk-bg: #F6F8F7;
  --shk-surface: #FFFFFF;
  --shk-surface-sunken: #F1F4F2;
  --shk-line: #E3E9E6;
  --shk-line-strong: #C9D3CE;
  --shk-overlay: rgba(13, 33, 26, .55);

  --shk-success: #1F7A4D;
  --shk-success-bg: #E8F4EC;
  --shk-error: #B3402F;
  --shk-error-bg: #FBEDEA;
  --shk-warning: #8A5A00;
  --shk-warning-bg: #FDF4E0;
  --shk-info: #1D5F8A;
  --shk-info-bg: #EAF3F9;

  --shk-font: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, Arial, sans-serif;
  --shk-fs-xs: 12px;
  --shk-fs-sm: 13px;
  --shk-fs-md: 15px;
  --shk-fs-lg: 17px;
  --shk-fs-xl: 20px;
  --shk-fs-2xl: clamp(21px, 1.2rem + 1vw, 26px);
  --shk-fs-3xl: clamp(24px, 1.2rem + 1.6vw, 32px);
  --shk-fs-display: clamp(28px, 1.1rem + 2.6vw, 44px);
  --shk-lh-tight: 1.35;
  --shk-lh-body: 1.7;

  --shk-sp-1: 4px;
  --shk-sp-2: 8px;
  --shk-sp-3: 12px;
  --shk-sp-4: 16px;
  --shk-sp-5: 20px;
  --shk-sp-6: 24px;
  --shk-sp-8: 32px;
  --shk-sp-10: 40px;
  --shk-sp-12: 48px;
  --shk-sp-16: 64px;
  --shk-gutter: clamp(16px, 3vw, 32px);
  --shk-container: 1280px;

  --shk-r-sm: 6px;
  --shk-r-md: 10px;
  --shk-r-lg: 14px;
  --shk-r-xl: 20px;
  --shk-r-2xl: 28px;
  --shk-r-pill: 999px;

  --shk-shadow-1: 0 1px 2px rgba(31, 42, 38, .06), 0 1px 1px rgba(31, 42, 38, .04);
  --shk-shadow-2: 0 6px 18px rgba(31, 42, 38, .08);
  --shk-shadow-3: 0 18px 44px rgba(13, 33, 26, .18);

  --shk-focus-ring: 2px solid var(--shk-green-500);
  --shk-tap: 44px;
  --shk-ease: cubic-bezier(.2, .7, .2, 1);

  /* Dashboard chrome */
  --dash-header-h: 72px;
  --dash-toolbar-h: 64px;
  --dash-footer-bg: #0A1914;
  --dash-hero-grad: radial-gradient(900px 420px at 85% 0%, rgba(209, 191, 112, .20), transparent 60%), linear-gradient(180deg, var(--shk-green-950), var(--shk-green-900));

  /* Breakpoints used in the shared CSS (media queries cannot read custom properties): 480, 640, 760, 900, 1024, 1200. */
}