/* ==========================================================================
   DIAI Theme CSS
   Apple × MIT inspired: clean, academic, modern
   ========================================================================== */

:root {
    --color-bg: #eeefed;
    --color-surface: #f7f6f2;
    --color-surface-soft: #e5e9e8;

    --color-text: #111827;
    --color-text-soft: #4b5563;
    --color-text-muted: #6b7280;

    --color-primary: #0b1f3a;
    --color-primary-soft: #173b6d;
    --color-accent: #c89b3c;
    --color-accent-soft: #f3e4bf;

    --color-border: #cbd3d4;
    --color-shadow: rgba(7, 24, 39, 0.13);

    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", "Helvetica Neue", Arial, sans-serif;
    --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", "Helvetica Neue", Arial, sans-serif;

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 28px;

    --container-width: 1180px;

    --transition-fast: 160ms ease;
    --transition-normal: 260ms ease;

    --font-main:
        "Noto Sans Thai",
        sans-serif;

    --font-display:
        "Noto Sans Thai",
        sans-serif;

}

body {
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::selection {
    background: var(--color-accent-soft);
    color: var(--color-primary);
}

a {
    color: inherit;
}

strong {
    font-weight: 700;
}

.text-muted {
    color: var(--color-text-muted);
}

.text-soft {
    color: var(--color-text-soft);
}

.accent {
    color: var(--color-accent);
}