/*
 * Default theme — the clean, brand-neutral look used when a product has
 * no product_theme set in product.json. This file defines every variable
 * the structural style.css references. Other themes override only the
 * subset they care about.
 */

@font-face {
    font-family: 'AQDottyBold';
    src: url('fonts/AQDottyBold.ttf') format('truetype');
    font-display: swap;
}

:root {
    /* Surfaces and background */
    --color-bg: #f5f7fa;
    --color-surface: #ffffff;
    --color-border: #e5e7eb;

    /* Text */
    --color-text: #111827;
    --color-text-muted: #6b7280;

    /* Primary action color (Random, mode-active, current-cell) */
    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;

    /* Accent (answer reveal) */
    --color-accent: #16a34a;
    --color-accent-soft: #dcfce7;

    /* Called/current cell colors */
    --color-called: #bfdbfe;
    --color-called-text: #1e3a8a;
    --color-current: #2563eb;

    /* Shadows */
    --color-shadow: rgba(15, 23, 42, 0.08);
    --color-shadow-strong: rgba(15, 23, 42, 0.16);

    /* Typography */
    --font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-display: 'AQDottyBold', var(--font-base);

    /* Spacing scale (structural — themes generally shouldn't override these) */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

    --radius: 0.5rem;
    --radius-lg: 1rem;
}