/**
 * 7Я — shared design tokens (source of truth)
 * Used by: 7ya-app (index.html) + 7ya-landing app-preview (sync copy)
 * Edit here only; run landing/scripts/sync-design-tokens.js to refresh landing copy.
 */

:root {
  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
}

[data-theme="light"] {
  --bg: #F4F6FD;
  --card: #FFFFFF;
  --card2: #EDEEF8;
  --text: #111827;
  --text2: #4B5563;
  --text3: #9AA3B2;
  --border: #E2E6F0;
  --accent: #4A47F6;
  --accent-dark: #3936D5;
  --accent-light: #EEEDFF;
  --gold: #FF8C00;
  --gold-dark: #E67A00;
  --gold-light: #FFF4E5;
  --gold-bg: #FFFBEB;
  --red: #EF4444;
  --red-dark: #DC2626;
  --red-bg: #FEF2F2;
  --yellow: #F59E0B;
  --yellow-bg: #FFFBEB;
  --green: #10B981;
  --green-dark: #059669;
  --green-bg: #ECFDF5;
  --violet: #8B5CF6;
  --orange: #FF7A00;
  --cyan: #06B6D4;
  --pink: #EC4899;
  --brown: #8B5E3C;
  --blue-grey: #64748B;
  --shadow: 0 12px 32px rgba(74, 71, 246, 0.15);
  --shadow-card: 0 8px 24px rgba(17, 24, 39, 0.05), inset 0 2px 0 rgba(255, 255, 255, 0.8);
  --input-bg: #FFFFFF;
  --nav-bg: rgba(255, 255, 255, 0.92);
  --fab: #4A47F6;
}

[data-theme="warm"] {
  --bg: #FFF8F1;
  --card: #FFFFFF;
  --card2: #FFF0E3;
  --text: #1F1B16;
  --text2: #5F5146;
  --text3: #A99686;
  --border: #F0DED0;
  --accent: #F06A3D;
  --accent-dark: #D94E25;
  --accent-light: #FFF0E8;
  --gold: #F59E0B;
  --gold-dark: #B45309;
  --gold-light: #FFF7E8;
  --gold-bg: #FFF7DB;
  --red: #E05263;
  --red-dark: #BE3144;
  --red-bg: #FFF1F3;
  --yellow: #F59E0B;
  --yellow-bg: #FFF7DB;
  --green: #22A06B;
  --green-dark: #147A50;
  --green-bg: #ECFDF3;
  --violet: #7C5CFF;
  --orange: #F06A3D;
  --cyan: #0EA5A8;
  --pink: #E95D8F;
  --brown: #8B5E3C;
  --blue-grey: #687385;
  --shadow: 0 10px 28px rgba(139, 94, 60, 0.12);
  --shadow-card: 0 6px 18px rgba(76, 45, 20, 0.06);
  --input-bg: #FFFFFF;
  --nav-bg: rgba(255, 248, 241, 0.94);
  --fab: #F06A3D;
}

[data-theme="dark"] {
  --bg: #111124;
  --card: #1B1B34;
  --card2: #272747;
  --text: #F7F7FF;
  --text2: #D4D4E8;
  --text3: #8E90AE;
  --border: #303053;
  --accent: #8B7CFF;
  --accent-dark: #6D5DF1;
  --accent-light: #2E2A69;
  --gold: #FBBF24;
  --gold-dark: #D97706;
  --gold-light: #422006;
  --gold-bg: #422006;
  --red: #F87171;
  --red-dark: #DC2626;
  --red-bg: #450A0A;
  --yellow: #FBBF24;
  --yellow-bg: #422006;
  --green: #34D399;
  --green-dark: #059669;
  --green-bg: #064E3B;
  --violet: #A78BFA;
  --orange: #FB923C;
  --cyan: #22D3EE;
  --pink: #F472B6;
  --brown: #B08968;
  --blue-grey: #94A3B8;
  --shadow: 0 12px 34px rgba(0, 0, 0, 0.42);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.3);
  --input-bg: #222240;
  --nav-bg: rgba(17, 17, 36, 0.92);
  --fab: #8B7CFF;
}

[data-theme="ember"] {
  --bg: #1B1512;
  --card: #261D19;
  --card2: #352821;
  --text: #FFF8F1;
  --text2: #E7D3C4;
  --text3: #A98975;
  --border: #423127;
  --accent: #FF8A3D;
  --accent-dark: #F06A22;
  --accent-light: #4B2B1D;
  --gold: #FDBA3B;
  --gold-dark: #F59E0B;
  --gold-light: #4B2B1D;
  --gold-bg: #3F2F12;
  --red: #FB7185;
  --red-dark: #E11D48;
  --red-bg: #4A1620;
  --yellow: #FBBF24;
  --yellow-bg: #3F2F12;
  --green: #4ADE80;
  --green-dark: #16A34A;
  --green-bg: #123A25;
  --violet: #C4B5FD;
  --orange: #FF8A3D;
  --cyan: #5EEAD4;
  --pink: #FDA4AF;
  --brown: #C8A17D;
  --blue-grey: #A8B1C1;
  --shadow: 0 12px 34px rgba(0, 0, 0, 0.45);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.32);
  --input-bg: #30241E;
  --nav-bg: rgba(27, 21, 18, 0.92);
  --fab: #FF8A3D;
}

[data-theme="pastel"],
[data-theme="beige"] {
  --bg: #FFF5F7;
  --card: #FFFFFF;
  --card2: #FFECEF;
  --text: #2B2528;
  --text2: #6D5961;
  --text3: #AA8F9A;
  --border: #F2DCE4;
  --accent: #D85C82;
  --accent-dark: #B84068;
  --accent-light: #FFF0F5;
  --gold: #F59E0B;
  --gold-dark: #D97706;
  --gold-light: #FFF0F5;
  --gold-bg: #FFF7E8;
  --green-dark: #3E7A5C;
  --green-bg: #EAF7F1;
  --violet: #9B7AF5;
  --orange: #F28C5B;
  --cyan: #4FB6B2;
  --pink: #D85C82;
  --brown: #8B5E3C;
  --blue-grey: #738196;
  --shadow: 0 10px 28px rgba(216, 92, 130, 0.1);
  --shadow-card: 0 6px 18px rgba(76, 35, 48, 0.06);
  --input-bg: #FFFFFF;
  --nav-bg: rgba(255, 245, 247, 0.94);
  --fab: #D85C82;
}

[data-theme="fresh"] {
  --bg: #F2FBF9;
  --card: #FFFFFF;
  --card2: #E7F6F3;
  --text: #102326;
  --text2: #425D63;
  --text3: #8AA4A8;
  --border: #D8ECE8;
  --accent: #1D9A9A;
  --accent-dark: #117A7D;
  --accent-light: #E5F7F5;
  --gold: #F2A93B;
  --gold-dark: #B7791F;
  --gold-light: #FFF8DF;
  --gold-bg: #FFF8DF;
  --red-dark: #B83A4A;
  --red-bg: #FFF1F3;
  --yellow: #D99A22;
  --yellow-bg: #FFF8DF;
  --green: #22A06B;
  --green-dark: #147A50;
  --green-bg: #E7F8EF;
  --violet: #8B7CFF;
  --orange: #F28C5B;
  --cyan: #1D9A9A;
  --pink: #D85C82;
  --brown: #8B5E3C;
  --blue-grey: #64748B;
  --shadow: 0 10px 28px rgba(29, 154, 154, 0.1);
  --shadow-card: 0 6px 18px rgba(16, 35, 38, 0.06);
  --input-bg: #FFFFFF;
  --nav-bg: rgba(242, 251, 249, 0.94);
  --fab: #1D9A9A;
}