/*
|--------------------------------------------------------------------------
| DEVLYNQ BRAND THEME — "BLUE SIGNAL"
|--------------------------------------------------------------------------
| This is the only file you need to edit when finalizing the visual theme.
| Palette values feed semantic site tokens used by every component.
*/

:root,
[data-theme="devlynq"] {
    color-scheme: dark;

    /* Core blue family */
    --blue-950: #020817;
    --blue-900: #061326;
    --blue-800: #0a2344;
    --blue-700: #123f7a;
    --blue-600: #1d63d5;
    --blue-500: #2e7cf6;
    --blue-400: #56a7ff;
    --blue-300: #78d8ff;
    --blue-200: #b9e8ff;
    --blue-100: #e7f5ff;

    /* Semantic colors */
    --ink: var(--blue-950);
    --ink-soft: var(--blue-900);
    --paper: #eaf2fa;
    --paper-bright: #f7fbff;
    --muted: #8fa3b8;
    --muted-on-dark: #a9bbcc;
    --muted-on-light: #5c7188;
    --surface-muted: #bed0df;
    --line-dark: rgba(185, 232, 255, .16);
    --line-light: rgba(2, 8, 23, .16);
    --accent: var(--blue-400);
    --accent-2: #275dff;
    --accent-3: var(--blue-300);
    --accent-deep: var(--blue-700);

    /* Typography */
    --display: "Manrope", sans-serif;
    --body: "DM Sans", sans-serif;

    /* Layout and shape */
    --shell: 1380px;
    --gutter: clamp(20px, 4vw, 64px);
    --section-space: clamp(88px, 11vw, 170px);
    --radius-sm: 14px;
    --radius-md: 26px;
    --radius-lg: 44px;
    --ease: cubic-bezier(.2, .75, .25, 1);
}

/*
| Optional lighter foundation for future exploration. Change the HTML
| data-theme attribute to "devlynq-light" to use this base palette.
*/
[data-theme="devlynq-light"] {
    color-scheme: light;
    --ink: #071426;
    --ink-soft: #dbeaf7;
    --paper: #f3f8fc;
    --paper-bright: #ffffff;
    --muted: #58718a;
    --muted-on-dark: #49637d;
    --muted-on-light: #526c85;
    --surface-muted: #cfdfec;
    --line-dark: rgba(7, 20, 38, .15);
    --line-light: rgba(7, 20, 38, .15);
    --accent: #2e7cf6;
    --accent-2: #174ed6;
    --accent-3: #78d8ff;
}