/* Aurum Capital: type, three themes (forest, graphite, ivory) and the two layouts' differences.
   Every colour the app uses is a token here; layouts and components only read tokens. */
@font-face{font-family:"Manrope";src:url(/fonts/manrope.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Cinzel";src:url(/fonts/cinzel.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --serif:"Cormorant Garamond",Garamond,"Times New Roman",serif;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--caps:"Cinzel","Cormorant Garamond",serif;
  --ease:cubic-bezier(.2,.9,.25,1);--out:cubic-bezier(.16,1,.3,1);
  --gold-200:#f3e5c0;--gold-300:#e8cf92;--gold-400:#d6b263;--gold-500:#c49a45;--gold-600:#a17a2a;
  --cream:#f2ead6;--cream-2:rgba(242,234,214,.72);--cream-3:rgba(242,234,214,.46);
  --forest-950:#03130d;--forest-900:#05190f;--forest-500:#1e5a42;
}

/* ---------- forest: the brand's deep green ---------- */
[data-theme=forest]{color-scheme:dark;
  --bg:#04150e;--bg-img:radial-gradient(70% 50% at 70% 0%,#0b2d20 0%,#04150e 60%);
  --card:linear-gradient(180deg,rgba(242,234,214,.04),rgba(242,234,214,.016));--card-sh:inset 0 1px 0 rgba(242,234,214,.04);
  --ln:rgba(242,234,214,.085);--ln2:rgba(242,234,214,.14);--hov:rgba(242,234,214,.03);--trk:rgba(242,234,214,.08);--th:rgba(242,234,214,.02);
  --tx:#f2ead6;--tx2:rgba(242,234,214,.74);--tx3:rgba(242,234,214,.5);
  --pos:#62cf98;--neg:#ee8a7c;--pos-bg:rgba(98,207,152,.12);--neg-bg:rgba(238,138,124,.12);
  --acc:#d6b263;--acc-soft:rgba(214,178,99,.14);--eq:#f3e5c0;
  --btn-bg:linear-gradient(180deg,#ecd38f,#c9a04b 55%,#a9802e);--btn-tx:#1b1406;--btn-sh:inset 0 1px 0 rgba(255,255,255,.45),0 16px 30px -14px rgba(201,160,75,.55);
  --field-bg:rgba(242,234,214,.04);--field-ln:rgba(242,234,214,.13);
  --seg-bg:rgba(242,234,214,.06);--seg-ln:rgba(242,234,214,.1);--seg-pill:linear-gradient(180deg,#ecd38f,#c9a04b);--seg-pill-tx:#1b1406;--seg-tx:rgba(242,234,214,.5);
  --rail:linear-gradient(180deg,#05190f,#02100a);--rail-ln:rgba(242,234,214,.08);--rail-tx:#f2ead6;--rail-tx2:rgba(242,234,214,.74);--rail-tx3:rgba(242,234,214,.5);
  --rail-act:rgba(196,154,69,.1);--rail-act-tx:#e8cf92;--rail-card:rgba(242,234,214,.04);--rail-hov:rgba(242,234,214,.04);--rail-contour:.1;
  --drawer:#06180f;--scrim:rgba(1,8,5,.62);--sheet-sh:0 40px 100px -30px rgba(0,0,0,.6);
  --dot:#c49a45;--dot-hi:#f3e5c0;--ghost:rgba(242,234,214,.14);--ring:#081d14;--tip-bg:#03110b;--tip-ln:rgba(242,234,214,.14);
  --dial-up:#d6b263;--dial-hi:#f3e5c0;--dial-down:#ee8a7c;--dial-ghost:rgba(242,234,214,.07);--dial-tick:rgba(242,234,214,.1);--dial-hand:#f2ead6;
  --c-line0:#a17a2a;--c-line1:#ecd38f;--c-fill:rgba(196,154,69,.30);--c-glow:rgba(232,207,146,.45);--c-dot:#f3e5c0;--c-halo:rgba(236,211,143,.22);
  --avatar-bg:radial-gradient(circle at 30% 25%,#1e5a42,#072117);--avatar-tx:#e8cf92;
}
/* ---------- graphite: neutral near-black, gold accents ---------- */
[data-theme=graphite]{color-scheme:dark;
  --bg:#050706;--bg-img:none;
  --card:#0c100e;--card-sh:none;
  --ln:rgba(255,255,255,.065);--ln2:rgba(255,255,255,.115);--hov:rgba(255,255,255,.025);--trk:rgba(255,255,255,.07);--th:rgba(255,255,255,.015);
  --tx:#eef0ec;--tx2:#9aa29d;--tx3:#78817c;
  --pos:#2bd687;--neg:#ff5a5f;--pos-bg:rgba(43,214,135,.1);--neg-bg:rgba(255,90,95,.1);
  --acc:#e8c46a;--acc-soft:rgba(232,196,106,.11);--eq:#f4f1e8;
  --btn-bg:linear-gradient(180deg,#f3d88f,#e8c46a 45%,#c99a3a);--btn-tx:#1a1204;--btn-sh:inset 0 1px 0 rgba(255,255,255,.5),0 12px 26px -12px rgba(232,196,106,.45);
  --field-bg:#0c100e;--field-ln:rgba(255,255,255,.12);
  --seg-bg:#111614;--seg-ln:rgba(255,255,255,.065);--seg-pill:#1d2421;--seg-pill-tx:#eef0ec;--seg-tx:#9aa29d;
  --rail:#080b0a;--rail-ln:rgba(255,255,255,.065);--rail-tx:#eef0ec;--rail-tx2:#9aa29d;--rail-tx3:#78817c;
  --rail-act:#111614;--rail-act-tx:#eef0ec;--rail-card:#0c100e;--rail-hov:rgba(255,255,255,.03);--rail-contour:.05;
  --drawer:#0c100e;--scrim:rgba(0,0,0,.6);--sheet-sh:0 30px 80px -30px rgba(0,0,0,.85);
  --dot:#e8c46a;--dot-hi:#fff1c2;--ghost:rgba(255,255,255,.12);--ring:#0c100e;--tip-bg:#141a17;--tip-ln:rgba(255,255,255,.12);
  --dial-up:#e8c46a;--dial-hi:#fff1c2;--dial-down:#ff5a5f;--dial-ghost:rgba(255,255,255,.07);--dial-tick:rgba(255,255,255,.08);--dial-hand:#eef0ec;
  --c-line0:#b8892b;--c-line1:#e8c46a;--c-fill:rgba(232,196,106,.18);--c-glow:rgba(232,196,106,.3);--c-dot:#e8c46a;--c-halo:rgba(232,196,106,.2);
  --avatar-bg:linear-gradient(135deg,#fff1c2,#e8c46a);--avatar-tx:#1a1204;
}
/* ---------- ivory: the light theme from the sign-in page ---------- */
[data-theme=ivory]{color-scheme:light;
  --bg:#f6f3ec;--bg-img:radial-gradient(70% 50% at 70% 0%,#fdfbf6 0%,#f6f3ec 60%);
  --card:#ffffff;--card-sh:0 1px 2px rgba(15,31,24,.04),0 10px 28px -18px rgba(15,31,24,.2);
  --ln:#ebe4d6;--ln2:#ddd4c2;--hov:#fbf8f2;--trk:#efe9dc;--th:#fbf8f2;
  --tx:#0f1f18;--tx2:#44524b;--tx3:#6b766f;
  --pos:#1b8656;--neg:#b3443c;--pos-bg:rgba(27,134,86,.09);--neg-bg:rgba(179,68,60,.08);
  --acc:#a17a2a;--acc-soft:rgba(196,154,69,.14);--eq:#0a2a1e;
  --btn-bg:linear-gradient(180deg,#1d4a39,#0d2a20);--btn-tx:#f4ead0;--btn-sh:inset 0 1px 0 rgba(255,255,255,.08),0 16px 28px -14px rgba(7,36,25,.7);
  --field-bg:#fbf8f2;--field-ln:#e7dfcf;
  --seg-bg:#f3efe5;--seg-ln:#ebe4d6;--seg-pill:#ffffff;--seg-pill-tx:#0f1f18;--seg-tx:#6b766f;
  --rail:#fbfaf7;--rail-ln:#ebe4d6;--rail-tx:#0f1f18;--rail-tx2:#44524b;--rail-tx3:#6b766f;
  --rail-act:#f1ece1;--rail-act-tx:#0f1f18;--rail-card:#ffffff;--rail-hov:#f6f2ea;--rail-contour:0;
  --drawer:#ffffff;--scrim:rgba(7,33,23,.32);--sheet-sh:0 40px 90px -30px rgba(7,33,23,.45);
  --dot:#1e5a42;--dot-hi:#c49a45;--ghost:#ddd4c2;--ring:#ffffff;--tip-bg:#0f1f18;--tip-ln:rgba(255,255,255,.1);
  --dial-up:#c49a45;--dial-hi:#8f6a1f;--dial-down:#b3443c;--dial-ghost:rgba(15,31,24,.08);--dial-tick:rgba(15,31,24,.12);--dial-hand:#0f1f18;
  --c-line0:#8f6a1f;--c-line1:#c49a45;--c-fill:rgba(196,154,69,.22);--c-glow:rgba(196,154,69,.3);--c-dot:#a17a2a;--c-halo:rgba(196,154,69,.2);
  --avatar-bg:radial-gradient(circle at 30% 25%,#1e5a42,#072117);--avatar-tx:#e8cf92;
}
/* The Office layout keeps the forest rail in the light theme, like the sign-in's brand panel. */
[data-layout=office] [data-theme=ivory] .rail,[data-layout=office][data-theme=ivory] .rail{
  --rail:linear-gradient(180deg,#05190f,#02100a);--rail-ln:rgba(242,234,214,.08);--rail-tx:#f2ead6;--rail-tx2:rgba(242,234,214,.74);--rail-tx3:rgba(242,234,214,.5);
  --rail-act:rgba(196,154,69,.12);--rail-act-tx:#e8cf92;--rail-card:rgba(242,234,214,.05);--rail-hov:rgba(242,234,214,.05);--rail-contour:.1;
  --seg-bg:rgba(242,234,214,.06);--seg-ln:rgba(242,234,214,.1);--seg-pill:linear-gradient(180deg,#ecd38f,#c9a04b);--seg-pill-tx:#1b1406;--seg-tx:rgba(242,234,214,.5)}

/* ---------- the two layouts' type ---------- */
[data-layout=office]{--display:var(--serif);--display-w:500;--display-ls:-.005em}
[data-layout=dial]{--display:var(--sans);--display-w:600;--display-ls:-.025em}