JOSEPH1456/CollateralIQ

1@import "tailwindcss";2 3@theme {4  --color-primary: #001736;5  --color-primary-container: #002b5b;6  --color-on-primary: #ffffff;7  --color-on-primary-fixed-variant: #264778;8  --color-on-primary-fixed: #001b3d;9  --color-on-primary-container: #7594ca;10  --color-secondary: #4c616c;11  --color-secondary-container: #cfe6f2;12  --color-on-secondary: #ffffff;13  --color-on-secondary-container: #526772;14  --color-on-secondary-fixed: #071e27;15  --color-on-secondary-fixed-variant: #354a53;16  --color-tertiary: #001d03;17  --color-tertiary-container: #003408;18  --color-on-tertiary: #ffffff;19  --color-on-tertiary-container: #55a454;20  --color-tertiary-fixed: #a3f69c;21  --color-tertiary-fixed-dim: #88d982;22  --color-on-tertiary-fixed: #002204;23  --color-on-tertiary-fixed-variant: #005312;24  --color-background: #f7f9fc;25  --color-surface: #f7f9fc;26  --color-surface-bright: #f7f9fc;27  --color-surface-dim: #d8dadd;28  --color-surface-container: #eceef1;29  --color-surface-container-low: #f2f4f7;30  --color-surface-container-high: #e6e8eb;31  --color-surface-container-highest: #e0e3e6;32  --color-surface-container-lowest: #ffffff;33  --color-error: #ba1a1a;34  --color-error-container: #ffdad6;35  --color-on-error: #ffffff;36  --color-on-error-container: #93000a;37  --color-outline: #747780;38  --color-outline-variant: #c4c6d0;39  --color-inverse-surface: #2d3133;40  --color-inverse-on-surface: #eff1f4;41  --color-inverse-primary: #a9c7ff;42  --color-on-background: #191c1e;43  --color-on-surface: #191c1e;44  --color-on-surface-variant: #43474f;45  --color-primary-fixed: #d6e3ff;46  --color-primary-fixed-dim: #a9c7ff;47  --color-secondary-fixed: #cfe6f2;48  --color-secondary-fixed-dim: #b4cad6;49  --color-surface-variant: #e0e3e6;50 51  --radius-DEFAULT: 0.125rem;52  --radius-lg: 0.25rem;53  --radius-xl: 0.5rem;54  --radius-full: 0.75rem;55 56  --font-headline: "Inter", sans-serif;57  --font-body: "Inter", sans-serif;58  --font-label: "Inter", sans-serif;59}60 61/* Global resets */62*, *::before, *::after { box-sizing: border-box; }63 64body {65  font-family: 'Inter', sans-serif;66  background-color: #f7f9fc;67  color: #191c1e;68  overflow-x: hidden;69}70 71/* Custom utilities */72.blueprint-grid {73  background-image: radial-gradient(#c4c6d0 0.5px, transparent 0.5px);74  background-size: 24px 24px;75}76 77.glass-card {78  background: rgba(255, 255, 255, 0.7);79  backdrop-filter: blur(20px);80  -webkit-backdrop-filter: blur(20px);81}82 83.glass-panel {84  background: rgba(247, 249, 252, 0.7);85  backdrop-filter: blur(20px);86  -webkit-backdrop-filter: blur(20px);87}88 89.gradient-primary {90  background: linear-gradient(135deg, #001736 0%, #002b5b 100%);91}92 93.ledger-gradient {94  background: linear-gradient(135deg, #001736 0%, #002b5b 100%);95}96 97.ink-gradient {98  background: linear-gradient(135deg, #001736 0%, #002b5b 100%);99}100 101.confidence-corridor {102  background: linear-gradient(to top, rgba(0,23,54,0.05) 0%, rgba(0,23,54,0.15) 50%, rgba(0,23,54,0.05) 100%);103}104 105.ghost-border {106  border: 1px solid rgba(196, 198, 208, 0.15);107}108 109.animate-marquee {110  display: flex;111  width: fit-content;112  animation: marquee 30s linear infinite;113}114 115@keyframes marquee {116  0% { transform: translateX(0); }117  100% { transform: translateX(-50%); }118}119 120.material-symbols-outlined {121  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;122  vertical-align: middle;123  font-family: 'Material Symbols Outlined';124  font-size: inherit;125  line-height: 1;126  display: inline-block;127}128 129/* Page transition */130.page-enter {131  animation: fadeIn 0.25s ease-out forwards;132}133 134@keyframes fadeIn {135  from { opacity: 0; transform: translateY(8px); }136  to   { opacity: 1; transform: translateY(0); }137}138