:root {
    --color-primary: #071a3d;
    --color-primary-dark: #06152f;
    --color-secondary: #0a224f;
    --color-gold: #c8a44d;
    --color-gold-dark: #b9922f;
    --color-background: #f8f7f2;
    --color-surface: #ffffff;
    --color-text: #10213f;
    --color-muted: #667085;
    --color-border: #e5e7eb;
    --color-button-text: #10213f;
    --color-primary-rgb: 7, 26, 61;
    --color-primary-dark-rgb: 6, 21, 47;
    --color-secondary-rgb: 10, 34, 79;
    --color-gold-rgb: 200, 164, 77;
    --color-surface-rgb: 255, 255, 255;
    --primary-blue: var(--color-primary);
    --primary-dark: var(--color-primary-dark);
    --secondary-blue: var(--color-secondary);
    --background: var(--color-background);
    --surface: var(--color-surface);
    --text: var(--color-text);
    --border: var(--color-border);
    --navy: var(--color-primary);
    --navy-dark: var(--color-primary-dark);
    --blue: var(--color-secondary);
    --gold: var(--color-gold);
    --gold-hover: var(--color-gold-dark);
    --gold-soft: color-mix(in srgb, var(--color-gold) 18%, white);
    --soft: var(--color-background);
    --white: var(--color-surface);
    --ink: var(--color-text);
    --muted: var(--color-muted);
    --line: var(--color-border);
    --button-text: var(--color-button-text);
}