:root {
    /* AquariumFish colors */
    --af-bg: #0d1117;
    --af-surface: #161b22;
    --af-surface-hover: #1c2128;
    --af-surface-active: #21262d;

    --af-border: #30363d;
    --af-border-hover: #484f58;

    --af-accent: #58a6ff;
    --af-accent-hover: #79c0ff;

    --af-text: #f0f6fc;
    --af-text-muted: #8b949e;

    /* Layout */
    --af-radius: 12px;
    --af-radius-small: 8px;

    --af-spacing-xs: 4px;
    --af-spacing-sm: 8px;
    --af-spacing-md: 16px;
    --af-spacing-lg: 24px;
    --af-spacing-xl: 32px;

    /* Effects */
    --af-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);

    /* Typography */
    --af-font:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}