/**
 * UIKit カスタマイズ
 */

// ============================================
// 1. UIKit をインポート
// ============================================
@import '../../node_modules/uikit/src/scss/variables';

// ============================================
// 2. 変数の上書き
// ============================================

// Container（コンテナ）
$container-max-width: 1200px; // デフォルト最大幅
$container-xsmall-max-width: 750px; // 極小幅
$container-small-max-width: 900px; // 小幅
$container-large-max-width: 1400px; // 大幅
$container-xlarge-max-width: 1600px; // 極大幅
$container-padding-horizontal: 15px; // 横パディング
$container-padding-horizontal-s: 30px; // 小サイズ横パディング
$container-padding-horizontal-m: 40px; // 中サイズ横パディング

// Grid（グリッド）
$grid-gutter-horizontal: 30px; // デフォルト横ガター
$grid-gutter-vertical: 30px; // デフォルト縦ガター
$grid-gutter-horizontal-l: 40px; // ラージ横ガター
$grid-gutter-vertical-l: 40px; // ラージ縦ガター
$grid-small-gutter-horizontal: 15px; // スモール横ガター
$grid-small-gutter-vertical: 15px; // スモール縦ガター
$grid-medium-gutter-horizontal: 30px; // ミディアム横ガター
$grid-medium-gutter-vertical: 30px; // ミディアム縦ガター
$grid-large-gutter-horizontal: 40px; // ラージ横ガター
$grid-large-gutter-vertical: 40px; // ラージ縦ガター
$grid-large-gutter-horizontal-l: 70px; // ラージラージ横ガター
$grid-large-gutter-vertical-l: 70px; // ラージラージ縦ガター
$grid-divider-border-width: 1px; // ディバイダー境界線幅
$grid-divider-border: #e5e5e5; // ディバイダー境界線
$inverse-grid-divider-border: rgba(#fff, 0.2); // 逆ディバイダー境界線

// ============================================
// 3. UIKit コンポーネントのインポート
// ============================================
// 必要なコンポーネントのコメントアウトを解除してください

// Base（必須）
@import '../../node_modules/uikit/src/scss/components/mixin';
@import '../../node_modules/uikit/src/scss/components/base';

// Elements
// @import '../../node_modules/uikit/src/scss/components/link';
// @import '../../node_modules/uikit/src/scss/components/heading';
// @import '../../node_modules/uikit/src/scss/components/divider';
// @import '../../node_modules/uikit/src/scss/components/list';
// @import '../../node_modules/uikit/src/scss/components/description-list';
// @import '../../node_modules/uikit/src/scss/components/table';
// @import '../../node_modules/uikit/src/scss/components/icon';
// @import '../../node_modules/uikit/src/scss/components/form-range';
// @import '../../node_modules/uikit/src/scss/components/form';
// @import '../../node_modules/uikit/src/scss/components/button';
// @import '../../node_modules/uikit/src/scss/components/progress';

// Layout
// @import '../../node_modules/uikit/src/scss/components/section';
// @import '../../node_modules/uikit/src/scss/components/container';
// @import '../../node_modules/uikit/src/scss/components/tile';
// @import '../../node_modules/uikit/src/scss/components/card';

// Common
// @import '../../node_modules/uikit/src/scss/components/close';
// @import '../../node_modules/uikit/src/scss/components/spinner';
// @import '../../node_modules/uikit/src/scss/components/totop';
// @import '../../node_modules/uikit/src/scss/components/marker';
// @import '../../node_modules/uikit/src/scss/components/alert';
// @import '../../node_modules/uikit/src/scss/components/placeholder';
// @import '../../node_modules/uikit/src/scss/components/badge';
// @import '../../node_modules/uikit/src/scss/components/label';
// @import '../../node_modules/uikit/src/scss/components/overlay';
// @import '../../node_modules/uikit/src/scss/components/article';
// @import '../../node_modules/uikit/src/scss/components/comment';
// @import '../../node_modules/uikit/src/scss/components/search';

// JavaScript
// @import '../../node_modules/uikit/src/scss/components/accordion';
// @import '../../node_modules/uikit/src/scss/components/drop';
// @import '../../node_modules/uikit/src/scss/components/dropbar';
// @import '../../node_modules/uikit/src/scss/components/dropnav';
// @import '../../node_modules/uikit/src/scss/components/modal';
// @import '../../node_modules/uikit/src/scss/components/slideshow';
// @import '../../node_modules/uikit/src/scss/components/slider';
// @import '../../node_modules/uikit/src/scss/components/sticky';
// @import '../../node_modules/uikit/src/scss/components/offcanvas';
// @import '../../node_modules/uikit/src/scss/components/switcher';
// @import '../../node_modules/uikit/src/scss/components/leader';
// @import '../../node_modules/uikit/src/scss/components/notification';
// @import '../../node_modules/uikit/src/scss/components/tooltip';
// @import '../../node_modules/uikit/src/scss/components/sortable';
// @import '../../node_modules/uikit/src/scss/components/countdown';
// @import '../../node_modules/uikit/src/scss/components/thumbnav';
// @import '../../node_modules/uikit/src/scss/components/iconnav';
// @import '../../node_modules/uikit/src/scss/components/grid';

// Navs
// @import '../../node_modules/uikit/src/scss/components/nav';
// @import '../../node_modules/uikit/src/scss/components/navbar';
// @import '../../node_modules/uikit/src/scss/components/subnav';
// @import '../../node_modules/uikit/src/scss/components/breadcrumb';
// @import '../../node_modules/uikit/src/scss/components/pagination';
// @import '../../node_modules/uikit/src/scss/components/tab';
// @import '../../node_modules/uikit/src/scss/components/slidenav';
// @import '../../node_modules/uikit/src/scss/components/dotnav';
// @import '../../node_modules/uikit/src/scss/components/dropdown';
// @import '../../node_modules/uikit/src/scss/components/lightbox';

// Utilities
// @import '../../node_modules/uikit/src/scss/components/animation';
// @import '../../node_modules/uikit/src/scss/components/width';
// @import '../../node_modules/uikit/src/scss/components/height';
// @import '../../node_modules/uikit/src/scss/components/text';
// @import '../../node_modules/uikit/src/scss/components/column';
// @import '../../node_modules/uikit/src/scss/components/cover';
// @import '../../node_modules/uikit/src/scss/components/background';
// @import '../../node_modules/uikit/src/scss/components/align';
// @import '../../node_modules/uikit/src/scss/components/svg';
// @import '../../node_modules/uikit/src/scss/components/utility';
// @import '../../node_modules/uikit/src/scss/components/flex';
// @import '../../node_modules/uikit/src/scss/components/margin';
// @import '../../node_modules/uikit/src/scss/components/padding';
// @import '../../node_modules/uikit/src/scss/components/position';
// @import '../../node_modules/uikit/src/scss/components/transition';
// @import '../../node_modules/uikit/src/scss/components/visibility';
// @import '../../node_modules/uikit/src/scss/components/inverse';

// Print（最後に読み込む必要がある）
// @import '../../node_modules/uikit/src/scss/components/print';

// ============================================
// 4. カスタムスタイル
// ============================================
// ここに独自のスタイルを追加してください