@import "tailwindcss";

@theme {
    --color-navy:          #0a192f;
    --color-navy-light:    #112240;
    --color-navy-lighter:  #172a45;
    --color-navy-border:   #1e2d40;
    --color-navy-line:     #233554;
    --color-slate:         #8892b0;
    --color-slate-light:   #a8b2d8;
    --color-white-blue:    #ccd6f6;
    --color-green:         #64ffda;
    --color-green-dim:     rgba(100,255,218,0.07);
    --color-green-border:  rgba(100,255,218,0.15);

    --font-display: 'Syne', sans-serif;
    --font-mono:    'Fira Code', ui-monospace, monospace;
    --font-sans:    'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;

    --color-primary:        oklch(77.7% 0.152 181.912);
    --color-primary-dim:    rgba(0, 213, 190,0.07);
    --color-primary-border: rgba(0, 213, 190,0.18);
    --color-navy-dark:      #020c1b;
    --color-navy-shadow:    rgba(2,12,27,0.7);
    --color-slate-dark:     #495670;
    --color-slate:          #8892b0;
    --color-slate-light:    #a8b2d1;
    --color-slate-lighter:  #ccd6f6;
}